<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Administration system</title>
    </head>
    <body>
    	<!-- required libraries -->
        <script type="text/javascript" src="../static/js/lib/jquery-1.4.2.min.js"></script>
        <script type="text/javascript" src="../static/js/lib/jquery-ui.min.js"></script>
        <script type="text/javascript" src="../static/js/lib/jquery.json-2.2.js"></script>
		<script type="text/javascript" src="../static/js/lib/jquery.cookie.js"></script>
		<script type="text/javascript" src="../static/js/lib/inherit.js"></script>
		<script type="text/javascript" src="../static/js/lib/micro-templating.js"></script>
		
		<!-- 3rd party library -->
		<script type="text/javascript" src="../static/js/thirdparty/popup.js"></script>
        <script type="text/javascript" src="../static/js/thirdparty/jquery.dateFormat-1.0.js"></script>
		<script type="text/javascript" src="../static/js/thirdparty/jquery.anythingslider.min.js"></script>
		<script type="text/javascript" src="../static/js/thirdparty/jquery.easing.1.2.js"></script>
        <script type="text/javascript" src="../static/js/thirdparty/autocomplete.jquery.js"></script>
        <script type="text/javascript" src="../static/js/thirdparty/jquery.textarea-expander.js"></script>
		<script type="text/javascript" src="../static/js/thirdparty/facebox.js"></script>
		<script type="text/javascript" src="../static/js/thirdparty/time.js"></script>
		<script type="text/javascript" src="../static/js/thirdparty/slugify.js"></script>
		<script type="text/javascript" src="../static/js/thirdparty/tooltips.js"></script>
		
        <!-- framework -->
        <script type="text/javascript" src="../static/js/framework/base.js"></script>
		<script type="text/javascript" src="../static/js/framework/ui.js"></script>
        <script type="text/javascript" src="../static/js/framework/tools.js"></script>
        <script type="text/javascript" src="../static/js/framework/event.js"></script>
        <script type="text/javascript" src="../static/js/framework/observer.js"></script>
        <script type="text/javascript" src="../static/js/framework/plugins.js"></script>
        <script type="text/javascript" src="../static/js/framework/page.js"></script>
        <script type="text/javascript" src="../static/js/framework/portlet.js"></script>
        <script type="text/javascript" src="../static/js/framework/request.js"></script>
        <script type="text/javascript" src="../static/js/framework/bootstrap.js"></script>
        <script type="text/javascript" src="../static/js/framework/utils.js"></script>
		<script type="text/javascript" src="../static/js/framework/memcached.js"></script>
		
		<script type="text/javascript" src="../static/js/thirdparty/ajax.js"></script>
		
		<!-- application bootstrap -->
		<script type="text/javascript" src="../static/js/app/bkbootstrap.js"></script>
		
		<!-- application plugins -->
		<script type="text/javascript" src="../static/js/app/plugins/askuserplugin.js"></script>
		<script type="text/javascript" src="../static/js/app/plugins/profiletabs.js"></script>
		<script type="text/javascript" src="../static/js/app/plugins/questionTask.js"></script>
		<script type="text/javascript" src="../static/js/app/plugins/PluginEditAnswer.js"></script>
		<script type="text/javascript" src="../static/js/app/plugins/ajaxLoading.js"></script>
		<script type="text/javascript" src="../static/js/app/plugins/SearchMorePlugin.js"></script>
		<script type="text/javascript" src="../static/js/app/plugins/cleanstyle.js"></script>
		<script type="text/javascript" src="../static/js/app/plugins/focusDetector.js"></script>
		<script type="text/javascript" src="../static/js/app/plugins/autocompleteQuestion.js"></script>
		<script type="text/javascript" src="../static/js/app/plugins/pagination.js"></script>
		<script type="text/javascript" src="../static/js/app/plugins/answerEditBio.js"></script>
        <script type="text/javascript" src="../static/js/app/plugins/expertisePlugins.js"></script>
		<script type="text/javascript" src="../static/js/app/plugins/UserControlBoxPlugin.js"></script>
        <script type="text/javascript" src="../static/js/app/plugins/expertiseDeletePlugin.js"></script>
        <script type="text/javascript" src="../static/js/app/plugins/userPlugins.js"></script>
		<script type="text/javascript" src="../static/js/app/plugins/profileEditTabPlugin.js"></script>
        <script type="text/javascript" src="../static/js/app/plugins/announcementPlugin.js"></script>
        <script type="text/javascript" src="../static/js/app/plugins/PluginProfileImage.js"></script>
        <script type="text/javascript" src="../static/js/app/plugins/PluginNavigate.js"></script>
        <script type="text/javascript" src="../static/js/app/plugins/PluginBKPTextEditor.js"></script>
        <script type="text/javascript" src="../static/js/app/plugins/PluginPost.js"></script>
        <script type="text/javascript" src="../static/js/app/plugins/PluginComment.js"></script>
        <script type="text/javascript" src="../static/js/app/plugins/PluginEditPendingQuestions.js"></script>
        <script type="text/javascript" src="../static/js/app/plugins/PluginContent.js"></script>
        <script type="text/javascript" src="../static/js/app/plugins/PluginSearchResHelper.js"></script>
		
		<!-- application portlets -->
		<script type="text/javascript" src="../static/js/app/portlets/briefInfoEdit.js"></script>
		<script type="text/javascript" src="../static/js/app/portlets/featuredprofiles.js"></script>
		<script type="text/javascript" src="../static/js/app/portlets/QuestionFollow.js"></script>
		<script type="text/javascript" src="../static/js/app/portlets/stats.js"></script>
		<script type="text/javascript" src="../static/js/app/portlets/topicpage.js"></script>
        <script type="text/javascript" src="../static/js/app/portlets/userPortlets.js"></script>
		<script type="text/javascript" src="../static/js/app/portlets/linksPortlet.js"></script>
		<script type="text/javascript" src="../static/js/app/portlets/PltDemo.js"></script>
		<script type="text/javascript" src="../static/js/app/portlets/feedback.js"></script>
		<script type="text/javascript" src="../static/js/app/portlets/StaticContentPortlet.js"></script>
        <script type="text/javascript" src="../static/js/app/portlets/usercpPortlets.js"></script>
		<script type="text/javascript" src="../static/js/app/portlets/profilePortlet.js"></script>
        <script type="text/javascript" src="../static/js/app/portlets/profileInformationPortlet.js"></script>
        <script type="text/javascript" src="../static/js/app/portlets/profileEditPortlet.js"></script>
		<script type="text/javascript" src="../static/js/app/portlets/invitation.js"></script>
        <script type="text/javascript" src="../static/js/app/portlets/PltFooter.js"></script>
        <script type="text/javascript" src="../static/js/app/portlets/PltHeader.js"></script>
        <script type="text/javascript" src="../static/js/app/portlets/PltError.js"></script>
        <script type="text/javascript" src="../static/js/app/portlets/PltNavigation.js"></script>
        <script type="text/javascript" src="../static/js/app/portlets/PltSearchResult.js"></script>
        <script type="text/javascript" src="../static/js/app/portlets/PltSearchResultDynamic.js"></script>
        <script type="text/javascript" src="../static/js/app/portlets/PltAnswer.js"></script>
        <script type="text/javascript" src="../static/js/app/portlets/PltBestProfiles.js"></script>
        <script type="text/javascript" src="../static/js/app/portlets/PltNotificationBrief.js"></script>
        <script type="text/javascript" src="../static/js/app/portlets/PltNotificationFull.js"></script>
        <script type="text/javascript" src="../static/js/app/portlets/PltSearcher.js"></script>
        <script type="text/javascript" src="../static/js/app/portlets/PltCreateTopic.js"></script>
        <script type="text/javascript" src="../static/js/app/portlets/PltUserActivation.js"></script>
		<script type="text/javascript" src="../static/js/app/portlets/TopicCreatePortletStandalone.js"></script>
		<script type="text/javascript" src="../static/js/app/portlets/notificationList.js"></script>
		<script type="text/javascript" src="../static/js/app/portlets/partner/partner.js"></script>
		<script type="text/javascript" src="../static/js/app/portlets/partner/mockupProfile.js"></script>
		<script type="text/javascript" src="../static/js/app/portlets/partner/mockupBasicInfo.js"></script>
		<script type="text/javascript" src="../static/js/app/portlets/partner/mockupNews.js"></script>
		<script type="text/javascript" src="../static/js/app/portlets/partner/featuredNews.js"></script>
		<script type="text/javascript" src="../static/js/app/portlets/partner/recommendBooks.js"></script>
        
		<!-- addons -->
		<script type="text/javascript" src="../static/js/framework/addons/iefixer.js"></script>
        <script type="text/javascript" src="../static/js/app/portlets/UnauthQuestionPortlet.js"></script>
		<script type="text/javascript" src="../static/js/app/portlets/AuthQuestionPortlet.js"></script>
		<script type="text/javascript" src="../static/js/app/portlets/awaitingQuestionPortlet.js"></script>
		<script type="text/javascript" src="../static/js/app/portlets/PltNewsletterUpdate.js"></script>
        <link type="text/css" rel="stylesheet" href="../static/css/all.css"/>
        <link type="text/css" rel="stylesheet" href="../static/css/bkp_admin.css"/>
		
        <script>
            $(document).ready(function(){				
                var bkbootstrap = new BKBootstrap();
                var app = SingletonFactory.getInstance(Application);
                app.getSystemProperties().set("host.root", "/bkprofile/");
                app.getSystemProperties().set("page.default", "HomePage");
                app.setBootstrap(bkbootstrap);
                Request.setProactive(true);
				app.begin();
				
                $(window).bind("hashchange", function(){
                    if (Request.getProactive != true) {
                        var subject = SingletonFactory.getInstance(Subject);
                        subject.notifyEvent('NeedAssembleRequest');
                    }
                    Request.setProactive(false);
                });
            });
            function generateEvent(eventName, eventData){
                var subject = SingletonFactory.getInstance(Subject);
                subject.notifyEvent(eventName, eventData);
            }
        </script>
        <div id="effective-area">
            <div id='bkp_wrapper'>
                <div id='bkp_top'>
                    <div id='bkp_top_content'>
                        <div id='bkp_top_left'>
                        </div>
                        <div id='bkp_top_right'>
                        	<div class='extension-point' extensionName='TopRight'></div>
                        </div>
                    </div>
                </div>
                <div class='extension-point' extensionName='PostTop'>
                </div>
                <div id='bkp_middle'>
                    <div id='bkp_middle_nav'>
                    </div>
                    <div id='bkp_middle_content'>
                    	<div id="bkp_middle_top" style="display: block;width: 100%"></div> 
                        <div id='bkp_middle_left'>
                        </div>
                        <div id='bkp_middle_main'>
							<div class='extension-point' extensionName='MiddleMain'>
							</div>
                        </div>
                        <div id='bkp_middle_right'>
                        </div>
                    </div>
                </div>
                <div id='bkp_bottom'>
                    <div id='bkp_bottom_content'>
                    </div>
                </div>
            </div>
        </div>
		<script type="text/html" id="portlets-LayoutPage">
			{
            plugins: 
            [ 
			{ plugin: 'AutocompletePlugin', delay:false },
			{ plugin: 'TextAreaAutoExpandPlugin', delay: false },
			{ plugin: 'UserControlBoxPlugin', delay: false },
			{ plugin: 'KeepAlivePlugin', delay: false },
            { plugin: 'GetAnnouncementPlugin', delay: false },
			{ plugin: 'GlobalNotificationPlugin', delay: false },
			{ plugin: 'NavigateRoutePlugin', delay: false }
            ]
            ,
            portlets: 
            [ 
			{ portlet: 'LoginPortlet', position: 'bkp_middle_main', active: false },
			{ portlet: 'HallOfFamePortlet', position: 'bkp_middle_right' },
			{ portlet: 'StatsPortlet', position: 'bkp_middle_right' },
			{ portlet: 'FeedbackListPortlet', position: 'bkp_middle_right' },
			{ portlet: 'CatchWordBrowserPortlet', position: 'bkp_middle_left' },
			{ portlet: 'TwitterUpdatePortlet', position: 'bkp_middle_right' },
			{ portlet: 'LinksPortlet', position: 'bkp_middle_right' },
			{ portlet: 'ContactPortlet', position: 'bkp_middle_left' },
            { portlet: 'SearcherPortlet', position: 'bkp_top_left' },
            { portlet: 'AskNonTargetQuestionPortlet', position: 'bkp_middle_right',active:false },
            { portlet: 'FooterPortlet', position: 'bkp_bottom_content' },
            { portlet: 'HeaderPortlet', position: 'bkp_top_left' } 
            ]
            }
		</script>
		
		<script type="text/html" id="portlets-Authorize">
			{
            plugins: 
            [ 
			{ plugin: 'NavigatorPlugin', delay: "false" }
            ]
            ,
            portlets: 
            [ 
			{ portlet: 'AuthQuestionPortlet', position: 'bkp_middle_main' },
			{ portlet: 'AwaitingQuestionPortlet', position: 'bkp_middle_main' },
			{ portlet: 'HallOfFamePortlet', position: 'bkp_middle_right', active: false },
			{ portlet: 'StatsPortlet', position: 'bkp_middle_right', active: false },
			{ portlet: 'FeedbackListPortlet', position: 'bkp_middle_right', active: false },
			{ portlet: 'CatchWordBrowserPortlet', position: 'bkp_middle_left', active: false },
			{ portlet: 'TwitterUpdatePortlet', position: 'bkp_middle_right', active: false },
			{ portlet: 'LinksPortlet', position: 'bkp_middle_right', active: false },
			{ portlet: 'ContactPortlet', position: 'bkp_middle_left', active: false }
            ]
			,
			parent: "LayoutPage"
            }
		</script>
        
		<script type="text/html" id="portlets-HomePage">
            {
            plugins: 
            [ 
			{ plugin: 'NavigatorPlugin', delay: "false" }
            ]
            ,
            portlets: 
            [ 
			{ portlet: 'UnauthQuestionPortlet', position: 'bkp_middle_main' },
			{ portlet: 'AwaitingQuestionPortlet', position: 'bkp_middle_main' },
			{ portlet: 'HallOfFamePortlet', position: 'bkp_middle_right', active: false },
			{ portlet: 'StatsPortlet', position: 'bkp_middle_right', active: false },
			{ portlet: 'FeedbackListPortlet', position: 'bkp_middle_right', active: false },
			{ portlet: 'CatchWordBrowserPortlet', position: 'bkp_middle_left', active: false },
			{ portlet: 'TwitterUpdatePortlet', position: 'bkp_middle_right', active: false },
			{ portlet: 'LinksPortlet', position: 'bkp_middle_right', active: false },
			{ portlet: 'ContactPortlet', position: 'bkp_middle_left', active: false }
            ]
			,
			parent: "LayoutPage"
            }
        </script>
		<script type="text/html" id="portlets-FeedbackPage">
            {
            plugins: 
            [ 
            ]
            ,
            portlets: 
            [ 
			{portlet: 'FeedbackPortlet', position: 'bkp_middle_main'}
            ]
			,
			parent: "LayoutPage"
            }
        </script>
		<script type="text/html" id="portlets-LogoutPage">
            {
            plugins: 
            [ 
			{ plugin: 'UserLogoutPlugin', delay: false }
            ]
            ,
            portlets: 
            [ 
            ]
			,
			parent: "LayoutPage"
            }
        </script>
		<script type="text/html" id="portlets-Documentation">
            {
            plugins: 
            [ 
            ]
            ,
            portlets: 
            [
				{ portlet: 'StaticContentPortlet', position: 'bkp_middle_main' }
            ]
			,
			parent: "LayoutPage"
			}
        </script>
        <script type="text/html" id="portlets-ErrorPage">
            {
            portlets:
            [
            { portlet: 'ErrorPortlet', position: 'bkp_middle_main' }
            ]
            ,
            plugins:
            [
            
            ]
			,
			parent: "LayoutPage"
            }
        </script>
        <script type="text/html" id="portlets-LoginPage">
            {
            portlets:
            [
            { portlet: 'LoginPortlet', position: 'bkp_middle_main' }
            ]
            ,
            plugins:
            [
            { plugin: 'LoginSuccessRedirectPlugin', delay: false }
            ]
			,
			parent: "LayoutPage"
            }
        </script>
		<script type="text/html" id="portlets-ResetPassword">
			{
            portlets:
            [
            { portlet: 'PasswordResetPortlet', position: 'bkp_middle_main' }
            ]
            ,
            plugins:
            [
            ]
			,
			parent: "LayoutPage"
            }
		</script>
		<script type="text/html" id="portlets-RecoverPassword">
			{
            portlets:
            [
            { portlet: 'EmailRecoverPortlet', position: 'bkp_middle_main' }
            ]
            ,
            plugins:
            [
            ]
			,
			parent: "LayoutPage"
            }
		</script>
		<script type="text/html" id="portlets-UserCPEditPage">
			{
            portlets:
            [
            { portlet: 'EmailPasswdEditPortlet', position: 'bkp_middle_main' }
            ]
            ,
            plugins:
            [
            ]
			,
			parent: "LayoutPage"
            }
		</script>
        <script type="text/html" id="portlets-UserPage">
            {
            plugins: 
            [ 
			{ plugin: 'UserCheckLoginPlugin', delay: false },
			{ plugin: 'CredentialsEditPlugin', delay: false },
			{ plugin: 'ExpertiseVotePlugin', delay: false },
            { plugin: 'ProfileTemplatePlugin', delay: false },
            { plugin: 'ExpertiseEditorPlugin', delay: false },
            { plugin: 'ExpertiseDeletePlugin', delay: false },
            { plugin: 'ExpertiseEditPlugin', delay: false },
            { plugin: 'InterestDeletePlugin', delay: false },
            { plugin: 'ToggleHeadingPlugin', delay: true }, 
            { plugin: 'FormatterPlugin', delay: false },
			{ plugin: 'UserTabGeneratorPlugin', delay: false },
			{ plugin: 'AvatarEditPlugin', delay: false },
            { plugin: 'ToggleHeadingPlugin', delay: false }
            ]
            ,
            portlets: 
            [ 
			{ portlet: 'AvatarPortlet', position: 'bkp_middle_main' },
            { portlet: 'ProfileInformationPortlet', position: 'bkp_middle_main' },
            { portlet: 'ExpertisePortlet', position: 'bkp_middle_main' },
			{ portlet: 'InterestedAreaPortlet', position: 'bkp_middle_main' },
			{ portlet: 'ProfileExpertiseEditPortlet', position: 'bkp_middle_main' }
            ]
			,
			parent: "LayoutPage"
            }
         </script>
         
		 <script type="text/html" id="portlets-UserPageQuestion">
              {
            plugins: 
            [ 
			{ plugin: 'UserCheckLoginPlugin', delay: false },
			{ plugin: 'UserTabGeneratorPlugin', delay: false },
			{ plugin: 'QuestionClickPlugin', delay: false }
            ]
            ,
            portlets: 
            [ 
            { portlet: 'QuestionAskingPortlet', position: 'bkp_middle_main' },
			{ portlet: 'QuestionPendingPortlet', position: 'bkp_middle_main' }
            ]
			,
			parent: "LayoutPage"
            }
        </script>
		<script type="text/html" id="portlets-UserPageTarget">
              {
            plugins: 
            [ 
			{ plugin: 'UserCheckLoginPlugin', delay: false },
			{ plugin: 'UserTabGeneratorPlugin', delay: false },
			{ plugin: 'QuestionClickPlugin', delay: false }
            ]
            ,
            portlets: 
            [ 
            { portlet: 'QuestionAskedPortlet', position: 'bkp_middle_main' }
            ]
			,
			parent: "LayoutPage"
            }
        </script>
        <script type="text/html" id="portlets-UserPageAnswer">
              {
            plugins: 
            [ 
			{ plugin: 'UserTabGeneratorPlugin', delay: false },
			{ plugin: 'QuestionClickPlugin', delay: false },
            ]
            ,
            portlets: 
            [ 
            { portlet: 'OwnAnswerPortlet', position: 'bkp_middle_main' }
            ]
			,
			parent: "LayoutPage"
            }
        </script>
         <script type="text/html" id="portlets-ProfilePage">
              {
            plugins: 
            [ 
			{ plugin: 'ExpertiseVotePlugin', delay: false },
			{ plugin: 'ExpertisePlugin', delay: "false" },
            { plugin: 'ProfileTemplatePlugin', delay: false },
            { plugin: 'ToggleHeadingPlugin', delay: true }, 
            { plugin: 'FormatterPlugin', delay: false },
			{ plugin: 'ProfileTabGeneratorPlugin', delay: false },
            { plugin: 'ToggleHeadingPlugin', delay: false }
            ]
            ,
            portlets: 
            [
			{ portlet: 'AvatarPortlet', position: 'bkp_middle_main' }, 
            { portlet: 'ProfileInformationPortlet', position: 'bkp_middle_main' },
            { portlet: 'ExpertisePortlet', position: 'bkp_middle_main' },
			{ portlet: 'AskQuestionPortlet', position: 'bkp_middle_right' },
			{ portlet: 'InterestedAreaPortlet', position: 'bkp_middle_main' }
            ]
			,
			parent: "LayoutPage"
            }
         </script>
         
         <script type="text/html" id="portlets-ProfilePageQuestion">
              {
            plugins: 
            [ 
			{ plugin: 'ProfileTabGeneratorPlugin', delay: false },
			{ plugin: 'QuestionClickPlugin', delay: false },
            ]
            ,
            portlets: 
            [ 
            { portlet: 'QuestionAskingPortlet', position: 'bkp_middle_main' }
            ]
			,
			parent: "LayoutPage"
            }
        </script>
		<script type="text/html" id="portlets-ProfilePageTarget">
              {
            plugins: 
            [ 
			{ plugin: 'ProfileTabGeneratorPlugin', delay: false },
			{ plugin: 'QuestionClickPlugin', delay: false },
            ]
            ,
            portlets: 
            [ 
            { portlet: 'QuestionAskedPortlet', position: 'bkp_middle_main' }
            ]
			,
			parent: "LayoutPage"
            }
        </script>
		<script type="text/html" id="portlets-ProfilePageAnswer">
              {
            plugins: 
            [ 
			{ plugin: 'ProfileTabGeneratorPlugin', delay: false },
			{ plugin: 'QuestionClickPlugin', delay: false },
            ]
            ,
            portlets: 
            [ 
            { portlet: 'OwnAnswerPortlet', position: 'bkp_middle_main' }
            ]
			,
			parent: "LayoutPage"
            }
        </script>
        
        <script type="text/html" id="portlets-RegisterPage">
            {
            portlets:
            [
            { portlet: 'RegisterPortlet', position: 'bkp_middle_main' }
            ]
            ,
            plugins:
            [
            { plugin: 'ProfileTemplatePlugin', delay: false },
            { plugin: 'ExpertiseEditorPlugin', delay: false },
            { plugin: 'ProfileEditPlugin', delay: false },
            { plugin: 'FormatterPlugin', delay: false }
            ]
			,
			parent: "LayoutPage"
            }
        </script>
        <script type="text/html" id="portlets-SearchResultDynamic">
            {
            plugins: 
            [ 
            { plugin:"MoreContentPlugin", delay: false },
            { plugin:"SearchResHelperPlugin", delay: false },
            { plugin:"NavigateRoutePlugin", delay: false },
			{ plugin:"NavigatorPlugin", delay: false }
            ]
            ,
            portlets:
            [
            { portlet: 'SearchResultDynamicPortlet', position: 'bkp_middle_main' }
            ]
			,
			parent: "LayoutPage"
            }
        </script>
        <script type="text/html" id="portlets-QuestionAnswerPage">
            {
            plugins: 
            [ 
            { plugin:"PostPlugin", delay: false },
            { plugin:"UserLoginRequestPlugin", delay: false },
            { plugin:"NavigateRoutePlugin", delay: false },
            { plugin:"BKPTextEditorPlugin", delay: false }
            ]
            ,
            portlets:
            [
            { portlet: 'AnswerPortlet', position: 'bkp_middle_main' }
            ]
			,
			parent: "LayoutPage"
            }
        </script>
        <script type="text/html" id="portlets-TopicCreatePage">
            {
            plugins: 
            [ 
            { plugin:"UserCheckLoginPlugin", delay: false },
            { plugin:"NavigateRoutePlugin", delay: false },
            { plugin:"BKPTextEditorPlugin", delay: false }
            ]
            ,
            portlets:
            [
            { portlet: 'TopicCreatePortlet', position: 'bkp_middle_main' }
            ]
			,
			parent: "LayoutPage"
            }
        </script>
        <script type="text/html" id="portlets-UserEditPage">
            {
            portlets:
            [
            { portlet: 'ProfileEditPortlet', position: 'bkp_middle_main' }
            ]
            ,
            plugins:
            [
            { plugin: 'ProfileTemplatePlugin', delay: false },
			{ plugin: 'ProfileEditPlugin', delay: false },
			{ plugin: 'ProfileEditTabPlugin', delay: false },
            { plugin: 'FormatterPlugin', delay: false },
            { plugin: 'ToggleHeadingPlugin', delay: false }
            ]
			,
			parent: "LayoutPage"
            }
        </script>
        <script type="text/html" id="portlets-NewsletterUpdatePage">
            {
            portlets:
            [
            { portlet: 'NewsletterUpdatePortlet', position: 'bkp_middle_main' }
            ]
            ,
            plugins:
            [
			{	plugin: 'BKPTextEditorPlugin', delay: false }
			]
			,
			parent: "LayoutPage"
            }
        </script>
        
		<!-- AskNonTargetQuestionPortlet -->
<div class='portlet-data'>
	<div id='AskNonTargetQuestionPorlet-RootData'>
		<script type="text/html" id="AskNonTargetQuestionPortletView">
			<div class="askQuestion">
				<div class="askQuestionWrapper">
					Câu hỏi:<input onfocus="generateEvent(&apos;AskNonTargetTextBoxFocus&apos;)" value="<%=question%>" id="AskNonTargetQuestionPortlet-TextBox" type="text" class="bkp-TextBox questionTextBox">
					<div id="AskNonTargetQuestionPortlet-AddTopic" class="doNotDisplay" style="display: block">
						Chủ đề:<input id="AskNonTargetQuestionPortlet-AddTopicInputBox" class="bkp-TextBox questionTextBox" />
						<div class="bkp_question_topic" id="AskNonTargetQuestionPortlet-AddTopicContainer" ></div>
					</div>
					<div id="AskNonTargetQuestionPortlet-Extended" class="askQuestionExtended doNotDisplay">
						<div>
							<div class="optionalQuestion"><span class="strong"><%=optionalMsg%></span>: <span class="black_fade"><%=optionalDetailMsg%></span></div> 
							<textarea rows="3" id="AskNonTargetQuestionPortlet-TextAreaExtended" type="text" class="expandable48-300 bkp-TextArea questionTextBox">
							</textarea>
						</div>
					</div>
				</div>
				<button onclick="generateEvent(&apos;AskNonTargetButtonClick&apos;)" class="round_button questionSubmit bkp-Button"><%=askMsg%></button>
				<div>
					<div class="infoMsg" id="AskNonTargetQuestionPortlet-QuestionInfo"></div>
					<div class="errorMsg" id="AskNonTargetQuestionPortlet-QuestionError"></div>
				</div>
			<div>
		</script>
		<div id="AskNonTargetQuestionPortletMessage">
			<div id="AskNonTargetQuestionPortlet-TextAskMessage">Hỏi</div>
			<div id="AskNonTargetQuestionPortlet-TextAskMessageMissingTarget">Hỏi người này</div>
			<div id="AskNonTargetQuestionPortlet-TextOptionalMessage">Thông tin bổ sung</div>
			<div id="AskNonTargetQuestionPortlet-TextOptionalDetailMessage">Bổ sung chi tiết cho câu hỏi</div>
			<div id="AskNonTargetQuestionPortlet-TextAskSuccess">Câu hỏi của bạn đã được gửi thành công. Tuy nhiên bạn cần đợi chúng tôi xét duyệt trước khi câu hỏi hiện ra. Việc này thường mất khoảng một ngày. Cảm ơn bạn</div>
			<div id="AskNonTargetQuestionPortlet-TextAskError">Hiện thời chúng tôi không thể gửi câu hỏi của bạn, hãy vui lòng thử lại sau</div>
		</div>
	</div>
</div>

		<div class="portlet-data">
			<div id="FeedbackListPortlet-RootData">
				<script id="FeedbackListPortletView" type="text/html">
					<div class="bkp_block">
						<div class="bkp_block_header">Góp ý của bạn</div>
						<div class="bkp_block_content" style="padding: 0">
							<div class="quotes-block">
							<% for(var i=0; i<feedbacks.length; i++) { %>
								<div class="quote">
									<div class="quote-content"><%=feedbacks[i].content%></div>
									<div class="quote-author">Được gửi bởi <%=feedbacks[i].name ? "bạn <a href=#page/ProfilePage/id/"+feedbacks[i].userID+">"+feedbacks[i].name+"</a> vào ngày "+ feedbacks[i].createdDate : "một bạn giấu tên"%></div>
								</div>
							<% } %>
							</div>
						</div>
					</div>
				</script>
			</div>
		</div>
		
        <!-- profile.html  --><!-- ProfileInformationPortlet  -->
		<div class="portlet-data">
			<div id="FeedbackPortlet-RootData">
				<div id="FeedbackPortletMessage">
					<div id="FeedbackPortlet-TextFeedbackError">Bạn vui lòng nhập thông tin phản hồi vào ô phía trên</div>
					<div id="FeedbackPortlet-TextFeedbackSubmitError">Xin lỗi bạn, hiện thời chúng tôi chưa thể xử lý phản hồi của bạn ngay. Xin bạn vui lòng thử lại sau</div>
				</div>
				<script type="text/html" id="FeedbackPortletView">
					<div>
						<div class="block feedbackWelcome">
							Cảm ơn bạn đã góp ý cho chúng tôi. Những góp ý của các bạn sẽ là cơ sở
							để chúng tôi cải thiện hệ thống tốt hơn.
						</div>
						<div style="margin: 10px 0"></div>
							<div class="inline strong formelem feedbacktext">Email <i>(Không bắt buộc)</i></div> 
							<div class="feedbackEmailInput" style="display: inline-block">
								<div><input id="FeedbackPortlet-Email" class="feedback"></div>
								<label class="fade"><i>Chúng tôi sẽ gửi lại thông báo bằng email cho bạn nếu có cập nhật</i></label>
							</div>
							<div style="margin: 10px 0"></div>
							<div>
								<label class="strong formelem feedbacktext">Nội dung góp ý</label>
								<label class="fade" style="margin-left: 45px"><i>Hãy cho chúng tôi biết cảm nghĩ, đánh giá của bạn về BKProfile</i></label>
							</div>
							<div class="feedbackInput block">
								<textarea id="FeedbackPortlet-TextInput" rows="10" cols="40" class="feedback"></textarea>
							</div>
							<div id="FeedbackPortlet-Error" class="block errorMsg">
								
							</div>
							<div class="feedbackButton"><button onclick="generateEvent('FeedbackSubmit')" class="bkp-Button">Phản hồi</button></div>
					</div>
				</script>
			</div>
		</div>
		
		<div class='portlet-data'>
        	<div id='TwitterUpdatePortlet-RootData'>
        		<div id='TwitterUpdatePortlet-Container'>
					<div id="TwitterUpdatePortlet-TwitterRender">
				new TWTR.Widget({
				  version: 2,
				  type: "profile",
				  rpp: 3,
				  interval: 2000,
				  width: 250,
				  height: 300,
				  theme: {
				    shell: {
				      background: "#777777",
				      color: "#ffffff"
				    },
				    tweets: {
				      background: "#ffffff",
				      color: "#000000",
				      links: "#0753eb"
				    }
				  },
				  features: {
				    scrollbar: false,
				    loop: false,
				    live: true,
				    hashtags: true,
				    timestamp: true,
				    avatars: false,
				    behavior: "all"
				  }
				});
				</div>
        		</div>
        	</div>
        </div>
		
		<div class='portlet-data'>
        	<div id='CatchWordBrowserPortlet-RootData'>
        		<script type="text/html" id='CatchWordBrowserPortletView'>
        			<div class="totalQuestion bkp_block">
        				<div class="bkp_block_header">Tìm kiếm theo chủ đề</div>
						<div class="bkp_block_content browserContent">
							<% for(var i in catchwords) { %>
								<div><a href="#page/SearchResultDynamic/query/<%=catchwords[i].catchWord%>/type/Knowledge" class="browserCatchwordLink"><span><%=catchwords[i].catchWord%></span></a><label class="catchwordNumber">(<%=catchwords[i].totalQuestion ? catchwords[i].totalQuestion : 0%>)</label></div>
							<% } %>
						</div>
        			</div>
        		</script>
        	</div>
        </div>
		
		<div class='portlet-data'>
        	<div id='HallOfFamePortlet-RootData'>
        		<script type="text/html" id='HallOfFamePortletView'>
        			<div class="bkp_block">
        				<div class="bkp_block_header">Bảng vàng BKProfile</div>
						<div class="bkp_block_content">
							<span class="insetbackground" title="Bạn trả lời nhiều câu hỏi nhất">Q</span>
							<span><a class="statsMetric hof" id="HallOfFamePortlet-MostAnswer"></a> <span class="statsMetric commentbg" id="HallOfFamePortlet-MostAnswerCount"></span></span>
							<div style="margin: 5px 0"></div>
							<span title="Bạn được vote nhiều nhất" class="insetbackground">V</span>
							<span><a class="statsMetric hof" id="HallOfFamePortlet-MostVoted"></a> <span class="statsMetric commentbg" id="HallOfFamePortlet-MostVotedCount"></span></span>
						</div>
        			</div>
        		</script>
        	</div>
        </div>
		
		<div class='portlet-data'>
        	<div id='StatsPortlet-RootData'>
        		<script type="text/html" id='StatsPortletView'>
        			<div class="LinksBlock bkp_block">
        				<div class="bkp_block_header">Số liệu về hệ thống</div>
						<div class="bkp_block_content">
							<center>
								<span class="statuser" title="Số lượng người dùng"><span class="statsMetric" id="StatsPortlet-UserTotal">...</span></span>
								<span class="statcom" title="Số lượng câu hỏi"><span class="statcom_header">Q</span><span class="statsMetric" id="StatsPortlet-QuestionTotal">...</span></span>
								<span class="statcom" title="Số lượng câu trả lời"><span class="statcom_header">A</span><span class="statsMetric" id="StatsPortlet-AnswerTotal">...</span></span>
							</center>
						</div>
        			</div>
        		</script>
        	</div>
        </div>
		
        <div class='portlet-data'>
        	<div id='LinksPortlet-RootData'>
        		<script type="text/html" id='LinksPortletView'>
        			<div class="LinksBlock bkp_block">
        				<div class="bkp_block_header">Các liên kết liên quan</div>
						<div class="bkp_block_content">
							<a class="bkp_anchor_no_deco" href="http://www.hut.edu.vn/web/vi/home">Website trường ĐHBKHN</a>
							<a class="bkp_anchor_no_deco" href="http://cnpmk51-bkhn.org/forums/">Diễn đàn lớp CNPMK51</a>
						</div>
        			</div>
        		</script>
        	</div>
        </div>
		
		<div class='portlet-data'>
        	<div id='ContactPortlet-RootData'>
        		<script type="text/html" id='ContactPortletView'>
        			<div class="bkp_block">
        				<div class="bkp_block_header">Liên hệ với chúng tôi</div>
						<div class="bkp_block_content">
							<div class="bkp_connect">
								<center>
									<!--<span class="bkp_connect_facebook"><a title="Kết nối với chúng tôi qua Facebook" target="_blank" href="http://www.facebook.com/bkprofile"></a></span>-->
									<span class="bkp_connect_twitter"><a title="Kết nối với chúng tôi qua Twitter" class="bkp_anchor_no_deco" href="http://www.twitter.com/bkprofile"></a></span>
									<span class="bkp_connect_feedback"><a title="Hòm thư góp ý" class="bkp_anchor_no_deco" href="mailto:bkprofile@bkprofile.com"></a></span>
									<span class="bkp_connect_support"><a title="Hỗ trợ kĩ thuật" class="bkp_anchor_no_deco" href="mailto:support@bkprofile.com"></a></span>
								</center>
							</div>
						</div>
        			</div>
        		</script>
        	</div>
        </div>
		
		<!-- profile.html  --><!-- ProfileInformationPortlet  -->
        <div class='portlet-data'>
        	<div id='TwitterFollowPortlet-RootData'>
        		<script type="text/html" id='TwitterFollowPortletView'>
        			<div class="twitter">
        				<a href="http://twitter.com/bkprofile" title="Hãy follow chúng tôi trên twitter để nhận được những cập nhật mới nhất về BKProfile" target="_blank" title="Follow Us on Twitter!"><img src="../static/images/follow-us-on-twitter-bird.jpg" border="0" alt="Twitter Button"></a>
						<div>Follow chúng tôi trên Twitter để nhận được những cập nhật mới nhất về BKProfile!</div>
        			</div>
        		</script>
        	</div>
        </div>
		
		<div class='portlet-data'>
            <!-- 1234 19 Mar from profile.html -->
            <div id='ProfileInformationPortlet-RootData'>
                <div id='ProfileInformationPortlet-ViewData'>
                	<div class="extension-point" name="Profile" extensionName="UserPartial" id="ProfileInformationPortlet">
                    
                    <div id='element-box' class='relationship' style='display: none;'>
                    </div>
                    <div id="ProfileInformationPortlet-background" class="biography">
                    </div>
                    <div id="ProfileInformationPortlet-ProfileMainContent">
                        <!-- mockup	-->
                    </div>
					</div>
                </div>
                <node id="ProfileInformationPortlet-ProfileStructure" type="root" name="profile_person">
                    <node type="Heading" value="Thông tin cơ bản" name="personal_information">
                        <node type="Normal" value="Họ và tên" name="fullname">
                        </node>
                        <node type="Date" value="Sinh nhật" name="birthday">
                        </node>
                        <node type="Enum" value="Giới tính" name="gender" params="Nam,Nữ">
                        </node>
                        <node type="Normal" value="Quê quán" name="hometown">
                        </node>
                        <node type="Normal" value="Nơi ở" name="current_address">
                        </node>
                        <node type="List" value="Sở thích" name="hobbies">
                        </node>
                    </node>
                    <node type="Heading" value="Thông tin liên lạc" name="contact_information">
                        <node type="Email" value="Email" name="email" params="gmail.com,yahoo.com,yahoo.com.vn,hotmail.com">
                        </node>
                        <node type="Normal" value="Số điện thoại" name="phone_number">
                        </node>
                        <node type="Normal" value="Website" name="website">
                        </node>
                        <node type="Normal" value="Nick chat" name="nick_chat">
                        </node>
                    </node>
                    <node type="Heading" value="Thông tin học tập" name="educational_information">
                        <node type="Normal" value="Trường" name="college">
                            <node type="Normal" value="Khoa" name="college_department">
                                <node type="Normal" value="Lớp" name="college_class">
                                </node>
                            </node>
                            <node type="Normal" value="Khóa" name="college_course">
                            </node>
                            <node type="Date" value="Thời gian vào học" name="college_year_from">
                            </node>
                            <node type="Date" value="Thời gian kết thúc" name="college_year_to">
                            </node>
                            <node type="Normal" value="Số hiệu sinh viên" name="college_student_id">
                            </node>
                            <node type="Enum" value="Cấp học" name="college_degree" params="Đại học,Cao đẳng">
                            </node>
                        </node>
                    </node>
                    <node type="Heading" value="Kinh nghiệm làm việc" name="work_experience">
                        <node type="Normal" value="Dự án" name="project">
                            <node type="Normal" value="Vị trí làm việc" name="project_position">
                            </node>
                            <node type="Normal" value="Tại" name="project_location">
                            </node>
                            <node type="Normal" value="Nội dung dự án" name="project_about">
                            </node>
                            <node type="List" value="Công nghệ sử dụng" name="project_technology">
                            </node>
                            <node type="Date" value="Thời gian bắt đầu" name="project_duration_from">
                            </node>
                            <node type="Date" value="Thời gian kết thúc" name="project_duration_to">
                            </node>
                        </node>
                    </node>
                </node>
                <script type='text/html' id='ProfileInformationPortlet-ProfileShareInfo'>
                    <div class="round_button fullscale shareInfo">
                        <%=content %>
                        <div>
                            <%=summary %>
                        </div>
                    </div>
                </script>
                <script type="text/html" id="ProfileInformationPortlet-ProfileRelationPartial">
                    <ul>
                        <% for ( var i = 0; i < result.length; i ++ ) { %>
                        <li>
                            <%=result[i] %>
                        </li>
                        <% } %>
                    </ul>
                </script>
                <div id="ProfileInformationPortletMessage">
                    <div id="ProfileInformationPortlet-TextLowRelation">
                        Thấp
                    </div>
                    <div id="ProfileInformationPortlet-TextNormalRelation">
                        Trung bình
                    </div>
                    <div id="ProfileInformationPortlet-TextFairRelation">
                        Khá
                    </div>
                    <div id="ProfileInformationPortlet-TextHighRelation">
                        Cao
                    </div>
                    <div id="ProfileInformationPortlet-MessageRelationSummary">
                        Bạn và người này có <b class="red">%1</b>
                        điểm chung, đạt mức <b class="blue">%2</b>
                    </div>
                </div>
            </div>
        </div>
        <!-- ProfileEditPortlet  -->
        <div class='portlet-data'>
            <div id='ProfileEditPortlet-RootData'>
                <div id='ProfileEditPortletMessage'>
                    <div id='ProfileEditPortlet-MessageSaveError'>
                        Hiện tại chúng tôi không thể cập nhật profile của bạn (%1)
                    </div>
                    <div id='ProfileEditPortlet-TextSaveSuccess'>
                        Cập nhật thành công
                    </div>
                </div>
                <div id='ProfileEditPortlet-ViewData'>
                    <div id='ProfileEditPortlet-TabPlaceholder'>
                        <div rootname="profile_person" name="root">
                            <div class="children_container" id="ProfileEditPortlet-ProfileMainContent">
                                <!-- mockup	-->
                            </div>
                        </div>
                    </div>
                    <div class="infoMsg" id="ProfileEditPortlet-SaveSuccess">
                    </div>
                    <div class="errorMsg" id="ProfileEditPortlet-SaveError">
                    </div>
                    <div class="buttonHolder">
                    	<a href="#page/UserPage"><button class="bkp-Button">
                            Quay lại trang cá nhân
                        </button></a>
                        <button onclick="generateEvent('SaveProfile')" class="bkp-Button">
                            Cập nhật
                        </button>
                    </div>
                </div>
                <node singleton="true" id="ProfileEditPortlet-ProfileStructure" type="root" name="profile_person">
                    <node singleton="true" type="Heading" value="Thông tin cơ bản" name="personal_information">
                        <node singleton="true" type="Normal" value="Họ và tên" name="full_name">
                        </node>
                        <node singleton="true" type="Date" value="Sinh nhật" name="birthday">
                        </node>
                        <node singleton="true" type="Enum" value="Giới tính" name="gender" params="Nam,Nữ">
                        </node>
                        <node type="Normal" value="Quê quán" name="hometown">
                        </node>
                        <node type="Normal" value="Nơi ở" name="current_address">
                        </node>
                        <node type="List" value="Sở thích" name="hobbies">
                        </node>
                    </node>
                    <node singleton="true" type="Heading" value="Thông tin liên lạc" name="contact_information">
                        <node type="Email" value="Email" name="email" params="gmail.com,yahoo.com,yahoo.com.vn,hotmail.com">
                        </node>
                        <node type="Normal" value="Số điện thoại" name="phone_number">
                        </node>
                        <node type="Normal" value="Website" name="website">
                        </node>
                        <node type="Normal" value="Nick chat" name="nick_chat">
                        </node>
                    </node>
                    <node singleton="true" type="Heading" value="Thông tin học tập" name="educational_information">
                        <node type="Normal" value="Trường" name="college">
                            <node type="Normal" value="Khoa" name="college_department">
                                <node type="Normal" value="Lớp" name="college_class">
                                </node>
                            </node>
                            <node type="Normal" value="Khóa" name="college_course">
                            </node>
                            <node type="Date" value="Thời gian vào học" name="college_year_from">
                            </node>
                            <node type="Date" value="Thời gian kết thúc" name="college_year_to">
                            </node>
                            <node type="Normal" value="Số hiệu sinh viên" name="college_student_id">
                            </node>
                            <node type="Enum" value="Cấp học" name="college_degree" params="Đại học,Cao đẳng">
                            </node>
                        </node>
                    </node>
                    <node singleton="true" type="Heading" value="Kinh nghiệm làm việc" name="work_experience">
                        <node type="Normal" value="Dự án" name="project">
                            <node type="Normal" value="Vị trí làm việc" name="project_position">
                            </node>
                            <node type="Normal" value="Tại" name="project_location">
                            </node>
                            <node type="Normal" value="Nội dung dự án" name="project_about">
                            </node>
                            <node type="List" value="Công nghệ sử dụng" name="project_technology">
                            </node>
                            <node type="Date" value="Thời gian bắt đầu" name="project_duration_from">
                            </node>
                            <node type="Date" value="Thời gian kết thúc" name="project_duration_to">
                            </node>
                        </node>
                    </node>
                </node>
                <script type='text/html' id='ProfileEditPortlet-NewUnformattedPlaceholder'>
                    <div depth="<%=depth%>" state="Edit" params="<%=params%>" class="unformatted-formatter content-separator extension-point" type="<%=type%>" extensionName="Placeholder" name="<%=name%>">
                        <div class="row sub_keyword keyword">
                            <%=keyword %>
                        </div>
                        <div class="row content contentLabel">
                            Thêm <%=content %>mới
                        </div>
                    </div>
                </script>
                <script type='text/html' id='ProfileEditPortlet-ProfileShareInfo'>
                    <div class="round_button fullscale shareInfo">
                        <%=content %>
                        <div>
                            <%=summary %>
                        </div>
                    </div>
                </script>
                <script type="text/html" id="ProfileEditPortlet-ProfileRelationPartial">
                    <ul>
                        <% for ( var i = 0; i < result.length; i ++ ) { %>
                        <li>
                            <%=result[i] %>
                        </li>
                        <% } %>
                    </ul>
                </script>
            </div>
        </div>
        <!-- LoginPortlet  -->
        <div class='portlet-data'>
            <!-- 1236 19 Mar from profile.html -->
            <div id='LoginPortletView-RootData'>
                <script type="text/html" id="LoginPortletView">
                    <div class="loginInnerForm">
                        <div class="errorMsg" id="LoginPortlet-LoginError">
                            <%=loginError %>
                        </div>
                        <div id="LoginPortlet-Form">
                            <div class="login">
                                <p>
                                    <label class="loginelem">
                                        Tên đăng nhập: 
                                    </label>
                                    <input id="LoginPortlet-Username" class="forminput bkp-TextBox" type="text" name="username" />
                                </p>
                                <p>
                                    <label class="loginelem">
                                        Mật khẩu: 
                                    </label>
                                    <input class="forminput bkp-PasswordTextBox" id="LoginPortlet-Password" type="password" name="password" onkeyup="generateEvent('PasswordTextBoxKeyUp', event)"/>
                                </p>
                                <div style="width: 100%;">
                                    <div id="LoginPortlet-RememberMe" style="display: inline-block; width: 64%">
                                        <input type="checkbox" checked="checked" name="persistent" id="LoginPortlet-Persistent">Tự động đăng nhập
                                    </div>
									<div style="display: inline-block;">
										<input id="LoginPortlet-SubmitButton" onclick="generateEvent('LoginButtonClick', event)" type="submit" class="bkp-Button" value="Đăng nhập">
									</div>
                                </div>
								<div style="display: block; margin-top: 15px">
                               		<a href="#page/RegisterPage">Bạn chưa có tài khoản? Đăng ký tại đây</a>
                                </div>
								<div style="display: block; margin-top: 5px">
                               		<a href="#page/RecoverPassword">Bạn quên mật khẩu?</a>
                                </div>
                                <div class="clr">
                                </div>
                            </div>
                        </div>
                    </div>
                </script>
                <div id="LoginPortletMessage">
                    <div id="LoginPortlet-TextNeedLogin">
                        Để thực hiện chức năng này bạn cần đăng nhập
                    </div>
					<div id="LoginPortlet-LoginInsufficientInput">
						Bạn cần nhập tên đăng nhập và mật khẩu
					</div>
                </div>
            </div>
        </div>
        <!-- ExpertisePortlet  -->
        <div class='portlet-data'>
            <!-- 1238 19 Mar from profile.html  -->
            <div id='ExpertisePortlet-RootData'>
                <script type="text/html" id="ExpertisePortletView">
                	<div id="ExpertisePortlet">
                    <div class="block">
                        <h2><%=expertiseTitle %></h2>
                        <div class="commonIndent">
                            <% for ( var j = 0; j < expertiseContexts.length; j++ ) { %>
                            <div class="expertiseContext">
                                <div class="contextLeft">
                                    <div class="contextTitle">
                                        <div class="extension-point" extensionName="ExpertiseContextTitle"><%=expertiseContexts[j].context %></div>
                                    </div>
                                    <% for ( var i = 0; i < expertiseContexts[j].content.length; i++ ) { %>
                                    <div class="expertisePartial">
                                        <div class="expertiseTitle inline">
                                            <div class="extension-point" extensionName="expertisePartialLeft" extensionId="<%=expertiseContexts[j].content[i].id%>"></div><div class="extension-point" extensionName="ExpertiseTitle" extensionId="<%=expertiseContexts[j].content[i].id%>"><%=expertiseContexts[j].content[i].expertiseName %></div>
                                        </div>
                                        <div class="expertiseExplanation inline"><%=expertiseContexts[j].content[i].expertiseExplanation.trim() %></div>
                                        <div class="extension-point float-right" extensionName="expertisePartial" extensionId="<%=expertiseContexts[j].content[i].id%>"></div>
                                    </div>
                                    <% } %>
                                </div>
                                <div class="contextRight">
                                </div>
                            </div><% } %>
                        </div>
                    </div>
					</div>
                </script>
                <div id="ExpertisePortletMessage">
                    <div id="ExpertisePortlet-MessageExpertiseExplanation">
                        <div title="Nêu kinh nghiệm của bạn trong lĩnh vực %3" eid="%2" class="explanation extension-point" extensionName="expertiseExplanation">%1</div>
                    </div>
                </div>
            </div>
        </div>
        <!-- InterestedAreaPortlet  -->
        <div class='portlet-data'>
            <!-- 1238 19 Mar from profile.html  -->
            <div id='InterestedAreaPortlet-RootData'>
                <script type="text/html" id="InterestedAreaPortletView">
                	<div id="InterestedAreaPortlet">
                    <div class="block">
                        <h2><%=interestTitle %></h2>
                        <div class="commonIndent">
                            <% for ( var j = 0; j < interestContexts.length; j++ ) { %>
                            <div class="expertiseContext">
                                <div class="contextLeft">
                                    <div class="contextTitle">
                                        <div class="extension-point" extensionName="ExpertiseContextTitle"><%=interestContexts[j].context %></div>
                                    </div>
                                    <% for ( var i = 0; i < interestContexts[j].content.length; i++ ) { %>
                                    <div class="interestPartial">
                                        <div class="interestTitle inline">
                                            <div class="extension-point" extensionName="InterestTitle" extensionId="<%=interestContexts[j].content[i].id%>"><%=interestContexts[j].content[i].expertiseName %></div>
                                        </div>
                                        <div class="extension-point float-right" extensionName="InterestPartial" extensionId="<%=interestContexts[j].content[i].id%>"></div>
                                    </div>
                                    <% } %>
                                </div>
                                <div class="contextRight">
                                </div>
                            </div><% } %>
                        </div>
                    </div>
					</div>
                </script>
                <div id="ExpertisePortletMessage">
                    <div id="ExpertisePortlet-MessageExpertiseExplanation">
                        Bởi vì <div eid="%2" class="explanation extension-point" extensionName="expertiseExplanation">%1</div>
                    </div>
                </div>
            </div>
        </div>
        <!-- QuestionAskedPortlet  -->
        <div class='portlet-data'>
            <!-- 1240 19 Mar from profile.html  -->
            <div id='QuestionAskedPortletView-RootData'>
                <script type="text/html" id="QuestionAskedPortletView">
                	<div id="QuestionAskedPortlet">
                    <div class="block">
                        <h2><%=questionAskedTitle %></h2>
                        <div class="commonIndent">
                            <div class="questionAsked">
                                <% for ( var j = 0; j < questions.length; j++ ) { %>
                                <div class="question-summary">
                                    <%=questions[j] %>
                                </div>
                                <% } %>
                            </div>
                        </div>
                    </div>
					</div>
                </script>
                <div id="QuestionAskedPortletMessage">
                    <div id="QuestionAskedPortlet-MessageQuestionSummary">
                    	<div class="questionPlaceholder">
                    	<div class="questionEmphasized">
                        	<a onclick="generateEvent('QuestionSummaryClick', %4)" class="strong">%2</a>
						</div>
						<div class="fade">
                            Được <a>%1</a> hỏi vào %3
                        </div>
						</div>
                    </div>
                </div>
            </div>
        </div>
		
		<div class='portlet-data'>
			<div id="PasswordResetPortlet-RootData">
				<script type="text/html" id="PasswordResetPortlet-ErrorInvalidToken">
					<div class="usercpIndent recover-box">
						<div class="errorMsg">Mã số phục hồi của bạn không chính xác</div>
						<div style="margin-left: 15px">Bạn có thể vào link sau để gửi lại mail hướng dẫn: <a href="#page/RecoverPassword">RecoverPassword</a></div>
					</div>
				</script>
				<script type="text/html" id="PasswordResetPortletView">
					<div class="usercpIndent reset-box">
						<div>
							<div class="reset-span">Mật khẩu mới:</div> <input type="password" id="PasswordResetPortlet-Password">
						</div>
						<div>
							<div class="reset-span">Nhập lại mật khẩu:</div> <input type="password" id="PasswordResetPortlet-ConfirmPassword">
						</div>
						<div style="margin-left: 253px">
							<button onclick="generateEvent('ResetButtonClick')">Xác nhận</button>
						</div>
						<div id="PasswordResetPortlet-Error" class="errorMsg"></div>
					</div>
				</script>
			</div>
		</div>
		
		<div class='portlet-data'>
			<div id="EmailRecoverPortlet-RootData">
				<div type="text/html" id="EmailRecoverPortlet-View">
					<div class="usercpIndent recover-box">
						<h3>Bạn quên mật khẩu? Đừng lo...</h3>
						<div class="recover-box">
							<div>Nhập vào email mà bạn dùng để đăng ký tài khoản:</div>
							<input type="text" id="EmailRecoverPortlet-Email">
							<div class="captcha-box">Điền 2 từ ở mục dưới để xác nhận</div>
							<div id="EmailRecoverPortlet-Recaptcha">
								<script build="no" type="text/javascript" src="http://www.google.com/recaptcha/api/challenge?k=6LeF-MISAAAAAKXfmjbbhb-EO5wSfJK3qkRBfGD_">
  								</script>
							</div>
							<div class="">
								<button onclick="generateEvent('RecoverButtonClick')" class="bkp-Button">Xác nhận</button>
							</div>
							<div style="margin: 5px 0">
							</div>
							<div id="EmailRecoverPortlet-Error" class="errorMsg">
								
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<div class='portlet-data'>
			<div id="EmailPasswdEditPortlet-RootData">
				<script type="text/html" id="EmailPasswdEditPortlet-ErrorView">
					Đã có lỗi xảy ra khi tiến hành cập nhật email và mật khẩu. Hãy chắc chắn những thông tin bạn nhập vào là chính xác.
					<ul>
                     	<% for ( var i = 0; i < errors.length; i ++ ) { %>
                     		<li><%=errors[i] %></li>
                     	<% } %>
                   	</ul>
				</script>
				<script type="text/html" id="EmailPasswdEditPortletView">
					<div>
						<h2>Thay đổi email và mật khẩu</h2>
						<div class="usercpIndent">
						<p>
							Nhập vào mật khẩu hiện tại của bạn để tiếp tục:
							<br>
							<input type="password" id="EmailPasswdEditPortlet-CurrentPasswd" name="currentPasswd" class="currentPasswd">
						</p>
						
						<p>
							Nhập vào mật khẩu mới:
							<br>
							<input type="password" id="EmailPasswdEditPortlet-Passwd" name="passwd" class="currentPasswd">
							<br>
							Nhập lại mật khẩu mới:
							<br>
							<input type="password" id="EmailPasswdEditPortlet-ConfirmPasswd" name="confirmPassword" class='currentPasswd'>
						</p>
						
						<p>
							Nhập vào email mới nếu cần thay đổi:
							<br>
							<input type="text" id="EmailPasswdEditPortlet-Email" name="email" value="<%=email%>" class="currentPasswd">
						</p>
						
						<button class="bkp-Button" onclick="generateEvent('UserCPButtonClick')">Cập nhật</button>
						<div style="margin: 5px 0">
						</div>
						<div class="errorMsg" id="EmailPasswdEditPortlet-Error">
						</div>
						</div>
					</div>
				</script>
			</div>
		</div>
		
		<div class='portlet-data'>
            <!-- 1240 19 Mar from profile.html  -->
            <div id='AvatarPortlet-RootData'>
                <script type="text/html" id="AvatarPortletView">
                	<div id="AvatarPortlet">
                    	<div class="avatar-block">
                        	<img src="<%=avatar%>">
							<div class="extension-point" extensionName="avatar">
							</div>
                    	</div>
						<div class="basic-info-block">
							<a><%=name%></a>
							<div class="user-profile-stats">
								<span class="statcom" title="Số lượng câu hỏi">
									<span class="statcom_header">Q</span>
									<span class="statsMetric"><%=questionCount%></span>
								</span>
								<span class="statcom" title="Số lượng câu trả lời">
									<span class="statcom_header">A</span>
									<span class="statsMetric"><%=answerCount%></span>
								</span>
								<div class="extension-point" extensionName="usercpedit">
								</div>
							</div>
						</div>
					</div>
                </script>
            </div>
        </div>
		
		<div class='portlet-data'>
            <div id='OwnAnswerPortlet-RootData'>
                <script type="text/html" id="OwnAnswerPortletView">
                	<div id="OwnAnswerPortlet">
                    <div class="block">
                        <h2><%=ownAnswerTitle%></h2>
                        <div class="commonIndent">
                            <div class="questionAsked">
                            	<% for(var i=0;i<answers.length;i++)	{ %>
									<div class="ownAnswerQuestionBlock">
									<div class="questionTitleBlock">
										<div><a class="strong" href="#page/QuestionAnswerPage/qid/<%=answers[i].questionID%>"><%=answers[i].title%></a></div>
										<div class="fade">Được hỏi bởi <a href="#page/ProfilePage/id/<%=answers[i].asker%>"><%=answers[i].asker_name%></a></div>
									</div>
									<div class="questionAnswerBlock">
										<div>Đã trả lời vào ngày <%=answers[i].created_date%><span class="vote ownAnswerVote"><%=answers[i].vote%></span></div>
										<div class="QuestionAnswerContent"><%=answers[i].content%></div>
									</div>
									</div>
								<% } %>
							</div>
                        </div>
                    </div>
					</div>
                </script>
            </div>
        </div>
        
        <div class='portlet-data'>
            <div id='NewsletterUpdatePortlet-RootData'>
                <script type="text/html" id="NewsletterUpdatePortletView">
                	<div id="NewsletterUpdatePortlet">
						<div>
                     		<textarea id="NewsletterUpdatePortlet-TextEditor" class="textarea"></textarea>
						</div>
						<div>Test Email: <input type="text" id="NewsletterUpdatePortlet-Email"></div>
						<div><input value="Gửi thử" type="button" onclick="generateEvent(&apos;SendTestingEmail&apos;)">&nbsp;<input value="Gửi thông báo" type="button" onclick="generateEvent(&apos;SubmitAll&apos;)"></div>
						
					</div>
                </script>
            </div>
        </div>
		
		<div class='portlet-data'>
            <!-- 1240 19 Mar from profile.html  -->
            <div id='QuestionPendingPortlet-RootData'>
                <script type="text/html" id="QuestionPendingPortletView">
                	<div id="QuestionPendingPortlet">
                    <div class="block">
                        <h2><%=questionPendingTitle %></h2>
						<div class="form-message"><%=questionPendingDescription%></div>
                        <div class="commonIndent">
                            <div class="questionPending">
                                <% for ( var j = 0; j < questions.length; j++ ) { %>
                                <div class="question-summary">
                                    <%=questions[j] %>
                                </div>
                                <% } %>
                            </div>
                        </div>
                    </div>
					</div>
                </script>
                <div id="QuestionPendingPortletMessage">
                	<div id="QuestionPendingPortlet-TextQuestionPendingDescription">Mỗi câu hỏi mà bạn tạo ra sẽ cần phải được duyệt qua trước khi có thể hiển thị. Ở mục này bạn có thể xem được các câu hỏi đang chờ xét duyệt. Bạn vui lòng kiên nhẫn, việc này thường chỉ mất một ngày</div>
                    <div id="QuestionPendingPortlet-MessageQuestionSummary">
                        <div id="QuestionPendingPortlet-MessageQuestionSummary">
                    		<div class="questionPlaceholder">
           		         		<div class="questionEmphasized" onclick="generateEvent(&apos;EditPendingQuestion&apos;,{id:&apos;1&apos;})">
                	        		<strong>%2</strong>
								</div>
								<div class="fade">
    	                    	    Hỏi <a>%1</a> vào %3
	                        	</div>
							</div>
                    	</div>
                    </div>
                </div>
            </div>
        </div>
        <!-- QuestionAskingPortlet  -->
        <div class='portlet-data'>
            <!-- 1240 19 Mar from profile.html  -->
            <div id='QuestionAskingPortletView-RootData'>
                <script type="text/html" id="QuestionAskingPortletView">
                	<div class="QuestionAskingPortletView">
                    <div class="block">
                        <h2><%=questionAskedTitle %></h2>
                        <div class="commonIndent">
                            <div class="questionAsked">
                                <% for ( var j = 0; j < questions.length; j++ ) { %>
                                <div class="question-summary">
                                    <%=questions[j] %>
                                </div>
                                <% } %>
                            </div>
                        </div>
                    </div>
					</div>
                </script>
                <div id="QuestionAskingPortletMessage">
                    <div id="QuestionAskingPortlet-MessageQuestionSummary">
                        <div id="QuestionAskedPortlet-MessageQuestionSummary">
                    		<div class="questionPlaceholder">
           		         		<div class="questionEmphasized">
                	        		<a onclick="generateEvent('QuestionSummaryClick', %4)" class="strong">%2</a>
								</div>
								<div class="fade">
    	                    	    Hỏi <a>%1</a> vào %3
	                        	</div>
							</div>
                    	</div>
                    </div>
                </div>
            </div>
        </div>
        <!-- ProfileExpertiseEditPortlet  -->
        <div class='portlet-data'>
            <!-- 1242 19 Mar from profile.html  -->
            <div id='ProfileExpertiseEditPortlet-RootData'>
                <div id='ProfileExpertiseEditPortletMessage'>
                    <div id='ProfileExpertiseEditPortlet-TextEdit'>
                        Thêm Lĩnh vực quan tâm và Kinh nghiệm của bạn
                    </div>
                    <div id='ProfileExpertiseEditPortlet-TextSubmit'>
                        Cập nhật
                    </div>
                </div>
                <script type="text/html" id='ProfileExpertiseEditPortletView'>
                    <div class="commonIndent">
                        <a onclick="generateEvent('ProfileExpertiseEditShow')"><%=editMsg %></a>
                    </div>
                    <div id="ProfileExpertiseEditPortlet-ViewPlaceholder" class="doNotDisplay">
                        <div id="ProfileExpertiseEditPortlet-ExpertisePlaceholder">
                        </div>
                        <div class="info-box">
                            <div style="padding: 15px 0 15px">
                            </div>
                        </div>
                        <center>
                            <button onclick="generateEvent('SubmitExpertiseProfileButtonClick')" class="bkp-Button">
                                <%=submitMsg %>
                            </button>
                        </center>
                    </div>
                </script>
            </div>
        </div>
        <!-- RegisterPortlet  -->
        <div class='portlet-data'>
            <!-- 1244 19 Mar from profile.html  -->
            <div id="RegisterPortlet-RootData">
                <div id="RegisterPortletMessage">
                    <div id="RegisterPortlet-TextWelcome">
                        Cảm ơn bạn đã đăng ký tại BKProfile! Đăng ký rất đơn giản và dễ dàng, chỉ cần tiến hành 3 bước sau:
                    </div>
                    <div id="RegisterPortlet-TextName">
                        Họ và tên
                    </div>
                    <div id="RegisterPortlet-TextUsername">
                        Tên đăng nhập
                    </div>
                    <div id="RegisterPortlet-TextPassword">
                        Mật khẩu
                    </div>
                    <div id="RegisterPortlet-TextRepassword">
                        Nhập lại mật khẩu
                    </div>
                    <div id="RegisterPortlet-TextEmail">
                        Email
                    </div>
                    <div id="RegisterPortlet-TextToken">
                    	Mã đăng ký
                    </div>
                    <div id="RegisterPortlet-TextSubmit">
                        Tiếp tục
                    </div>
                    <div id="RegisterPortlet-TextSkip">
                        Bỏ qua
                    </div>
                    <div id="RegisterPortlet-TextRegister">
                        1. Nhập các thông tin cơ bản để tiến hành đăng ký
                    </div>
                    <div id="RegisterPortlet-TextAdditionInfo">
                        2. Bổ sung thêm thông tin cá nhân của bạn
                    </div>
                    <div id="RegisterPortlet-TextExpertise">
                        3. Hãy cho chúng tôi biết kinh nghiệm và mối quan tâm của bạn!
                    </div>
                    <div id="RegisterPortlet-TextUsernameTitle">
                        Hãy nhập vào tên đăng nhập mà bạn muốn
                    </div>
                    <div id="RegisterPortlet-TextEmailTitle">
                        Hãy nhập vào email chính xác của bạn
                    </div>
                    <div id="RegisterPortlet-TextPasswordTitle">
                        Hãy nhập vào mật khẩu của bạn, độ dài từ 6-32 ký tự
                    </div>
                    <div id="RegisterPortlet-TextRepasswordTitle">
                        Hãy nhập lại mật khẩu ở mục trên
                    </div>
                    <div id="RegisterPortlet-TextRegisterError">
                        Đã có lỗi xảy ra khi tiến hành đăng ký. Hãy kiểm tra chắc chắn các thông tin bạn nhập vào là chính xác
                    </div>
                </div>
                <script type="text/html" id="RegisterPortlet-ViewStep1">
                    <div class="login">
                        <div class="commonIndent registerWelcome">
                            <%=welcomeMsg %>
                        </div>
                        <div class="iconHolder">
                            <img src="../static/images/step 1 - active.png"><img src="../static/images/step 2.png"><img src="../static/images/step 3.png">
                        </div>
                        <div>
                            <div id="RegisterPortlet-FormMain">
                                <div class="RegisterInfo">
                                    <%=registerMsg %>
                                </div>
                                <div>
                                    <div class="errorMsg" id="RegisterPortlet-RegisterError">
                                    </div>
                                </div>
                                <div class="info-box">
                                    <p>
                                    	<div class="formelem-container">
                                        <label class="formelem">
                                            <%=nameMsg %>* :
                                        </label>
										</div>
										<div style="display: inline-block">
											<input isRequired="true" id="RegisterPortlet-Name" class="forminput" type="text" />
											<div class="fade registerTooltip block">
                                            	Họ và tên của bạn. Bạn nên sử dụng tên thật của mình
                                        	</div>
										</div>
                                    </p>
                                    <p>
                                    	<div class="formelem-container">
                                        <label class="formelem">
                                            <%=usernameMsg %>* :
                                        </label>
										</div>
										<div style="display: inline-block">
											<input isRequired="true" id="RegisterPortlet-Username" title="<%=usernameTitle%>" value="<%=existUsername%>" class="forminput" type="text" onblur="generateEvent('CheckUsername', 'RegisterPortlet-Username')"/>
											<div class="fade registerTooltip block">
                                            	Chỉ bao gồm số và chữ cái. (ví dụ: dungba88)
                                        	</div>
										</div>
                                    </p>
                                    <div id="RegisterPortlet-UsernameError" align="center" class="errorMsgRight">
                                    </div>
                                    <p>
                                    	<div class="formelem-container">
                                        <label class="formelem">
                                            <%=passwordMsg %>* :
                                        </label>
										</div>
										<div style="display: inline-block">
											<input isRequired="true" id="RegisterPortlet-Password" title="<%=passwordTitle%>" value="<%=existUsername%>" class="forminput" type="password" onblur="generateEvent('CheckPassword', 'RegisterPortlet-Password')"/>
											<div class="fade registerTooltip block">
                                            	Mật khảu phải có độ dài từ 6-32 kí tự
                                        	</div>
										</div>
                                    </p>
                                    <div id="RegisterPortlet-PasswordError" align="center" class="errorMsgRight">
                                    </div>
                                    <p>
                                    	<div class="formelem-container">
                                        <label class="formelem">
                                            <%=repasswordMsg %>* :
                                        </label>
										</div>
										<div class="formelem-container">
											<input isRequired="true" id="RegisterPortlet-Repassword" title="<%=passwordTitle%>" class="forminput" type="password" onblur="generateEvent('CheckRepassword', 'RegisterPortlet-Repassword')"/>
										</div>
                                    </p>
                                    <div id="RegisterPortlet-RepasswordError" align="center" class="errorMsgRight">
                                    </div>
                                    <p>
                                        <div class="formelem-container">
                                        <label class="formelem">
                                            <%=emailMsg %>* :
                                        </label>
										</div>
										<div class="formelem-container">
                                        	<input isRequired="true" id="RegisterPortlet-Email" title="<%=emailTitle%>" class="forminput" type="text" onblur="generateEvent('CheckEmail', 'RegisterPortlet-Email')"/>
										</div>
                                    </p>
                                    <div id="RegisterPortlet-EmailError" align="center" class="errorMsgRight">
                                    </div>
                                    <label class="formelem" style="margin-bottom: 20px; width: 100%">
                                    </label>
                                    <div id="RegisterPortlet-Captcha">
                                    </div>

									<p>
										<div align="left"><span class="fade">Mã đăng ký có hiệu lực đến ngày 06/04/2011: </span><strong>BKP2011</strong></div>
										<div class="formelem-container">
											<label class="formelem"><%=tokenMsg%>* :</label>
										</div> 
										<input isRequired="true" id="RegisterPortlet-Token" 
										class="forminput" type="text" />
									</p>

                                    <div style="padding: 15px 0 15px">
                                    </div>
                                </div>
                                <center>
                                    <button onclick="generateEvent('RegisterButtonClick')" class="bkp-Button">
                                        <%=submitMsg %>
                                    </button>
                                </center>
                                <div class="clr">
                                </div>
                            </div>
                        </div>
                    </div>
                </script>
                <script type="text/html" id="RegisterPortlet-Errors">
                    <ul>
                        <% for ( var i = 0; i < errors.length; i ++ ) { %>
                        <li>
                            <%=errors[i] %>
                        </li>
                        <% } %>
                    </ul>
                </script>
                <script type="text/html" id="RegisterPortlet-ViewStep3">
                    <div class="login">
                        <div class="commonIndent registerWelcome">
                            <%=welcomeMsg %>
                        </div>
                        <div class="iconHolder">
                            <img src="../static/images/step 1.png"><img src="../static/images/step 2.png"><img src="../static/images/step 3 - active.png">
                        </div>
                        <div>
                            <div id="RegisterPortlet-FormMain">
                                <div class="RegisterInfo">
                                    <%=expertiseMsg %>
                                </div>
                                <div id="RegisterPortlet-ExpertisePlaceholder">
                                </div>
                                <div class="info-box">
                                    <div style="padding: 15px 0 15px">
                                    </div>
                                </div>
                                <center>
                                    <button onclick="generateEvent('SkipExpertiseRegisterButtonClick')" class="bkp-Button">
                                        <%=skipMsg %>
                                    </button>
                                    <button onclick="generateEvent('SubmitExpertiseRegisterButtonClick')" class="bkp-Button">
                                        <%=submitMsg %>
                                    </button>
                                </center>
                                <div class="clr">
                                </div>
                            </div>
                        </div>
                    </div>
                </script>
                <script type="text/html" id="RegisterPortlet-ViewStep2">
                    <div class="login">
                        <div class="commonIndent registerWelcome">
                            <%=welcomeMsg %>
                        </div>
                        <div class="iconHolder">
                            <img src="../static/images/step 1.png"><img src="../static/images/step 2 - active.png"><img src="../static/images/step 3.png">
                        </div>
                        <div>
                            <div id="RegisterPortlet-FormMain">
                                <div class="RegisterInfo">
                                    <%=additionInfoMsg %>
                                </div>
                                <div id="RegisterPortlet-ProfileEdit">
                                </div>
                                <div class="info-box">
                                    <div style="padding: 15px 0 15px">
                                    </div>
                                </div>
                                <div>
                                    <div class="infoMsg" id="RegisterPortlet-RegisterEditSuccess">
                                    </div>
                                    <div class="errorMsg" id="RegisterPortlet-RegisterEditError">
                                    </div>
                                </div>
                                <center>
                                    <button onclick="generateEvent('SkipEditRegisterButtonClick')" class="bkp-Button">
                                        <%=skipMsg %>
                                    </button>
                                    <button onclick="generateEvent('SubmitEditRegisterButtonClick')" class="bkp-Button">
                                        <%=submitMsg %>
                                    </button>
                                </center>
                                <div class="clr">
                                </div>
                            </div>
                        </div>
                    </div>
                </script>
                <div id="RegisterPortlet-ViewData">
                    <div rootname="profile_person" name="root">
                        <div class="children_container" id="RegisterPortlet-ProfileMainContent">
                        </div>
                    </div>
                </div>
                <node id="RegisterPortlet-ProfileStructure" type="root" name="profile_person">
                    <node singleton="true" type="Heading" value="Thông tin cơ bản" name="personal_information">
                        <node type="NormalLarge" value="Sơ lược bản thân" name="background_information">
                        </node>
                        <node type="Normal" value="Quê quán" name="hometown">
                        </node>
                    </node>
                    <node singleton="true" type="Heading" value="Thông tin học tập" name="educational_information">
                        <node type="Normal" value="Trường" name="college">
                            <node type="Normal" value="Khoa" name="college_department">
                            </node>
                        </node>
                    </node>
                    <node singleton="true" type="Heading" value="Kinh nghiệm làm việc" name="work_experience">
                        <node type="Normal" value="Dự án" name="project">
                        </node>
                    </node>
                </node>
            </div>
        </div>
        <div class="plugin-data">
        	<script type='text/html' id='UserCP'>
        		<div class="usercp-edit-box">
        			<div><a href="#page/UserCPEditPage"><button>Sửa email và mật khẩu</button></a></div>
				</div>
				<div flag="UserCPEdit"></div>
        	</script>
        	<script type='text/html' id='AvatarUploaderError'>
        		<div class="errorMsg">
        			<div>Đã có lỗi xảy ra khi thay đổi avatar:</div>
        			<ul>
        				<% for(var i=0;i<errors.length;i++) { %>
							<li><%=errors[i]%></li>
						<% } %>
        			</ul>
        		</div>
        	</script>
        	<script type='text/html' id='AvatarUploader'>
        		<div class="uploader">
        			<form id="AvatarUploaderContainer" method="post" enctype="multipart/form-data" action="<%=root%>user-ajax/change-avatar" target="avatar-upload-frame">
        				<input onchange="generateEvent('AvatarInputChange')" type="file" name="uploader">
					</form>
					<iframe class="doNotDisplay" id="avatar-upload-frame" name="avatar-upload-frame"></iframe>
					<div class="fade">Bạn có thể sử dụng ảnh định dạng png hay jpg làm avatar. Kích thước tối đa là 256x256 và 128KB</div>
					<div id="AvatarUploaderErrorPlaceholder"></div>
        		</div>
				<div flag="AvatarUploader"></div>
        	</script>
			
        	<script type='text/html' id='TabsMeta'>
				<ul class="doNotDisplay">
					<% for ( var i = 0; i < tabs.length ; i ++ ) { %>
						<li><a href="#<%=tabs[i].id%>"><span><%=tabs[i].title%></span></a></li>
					<% } %>
				</ul>
			</script>
        	<script type="text/html" id="ExpertiseVote">
        		<a title="Đã có <%=vote%> người vote cho câu trả lời của bạn về lĩnh vực này" class="vote expertiseVote" style="padding-left:15px; margin-top:-10px"><%=vote%></a>
        	</script>
        	<script type="text/html" id="UserTabGeneratorPlaceholder-Tmpl">
        		<div id="UserTabGeneratorPlaceholder">
                	<div class="userTab">
						<a href="#page/UserPage">Profile</a>
						<a href="#page/UserPageQuestion">Hỏi</a>
						<a href="#page/UserPageTarget">Được hỏi</a>
						<a href="#page/UserPageAnswer">Trả lời</a>
					</div>
                </div>
			</script>
			<script type="text/html" id="ProfileTabGeneratorPlaceholder-DATmpl">
        		<div id="ProfileTabGeneratorPlaceholder">
					<div class="userTab">
						<a href="#page/ProfilePage/id/<%=id%>">Profile</a>
						<a href="#page/ProfilePageQuestion/id/<%=id%>">Hỏi</a>
						<a href="#page/ProfilePageTarget/id/<%=id%>">Được hỏi</a>
						<a href="#page/ProfilePageAnswer/id/<%=id%>">Trả lời</a>
					</div>
                </div>
			</script>
        	<script type="text/html" id="UserControlBoxPluginContainer">
        		<div id="UserControlBoxPlugin" style="position:absolute"></div>
			</script>
			<script type="text/html" id="UserControlBoxPluginTmpl">
				<div class="user-control">
					<% for ( var i = 0; i < navs.length ; i ++ ) { %>
						<a href="#page/<%=navs[i].page%>" title="<%=navs[i].title%>"><%=navs[i].label%></a>
					<% } %>
				</div>
			</script>
            <script type="text/html" id="GetAnnouncementPluginContainer">
                <div id="GetAnnouncementPlugin" class="form-message">
                </div>
            </script>
            <script type="text/html" id="ExpertiseSubplaceholder">
                <div style="padding: 15px 0 15px">
                </div>
                <div id="ProfileExpertise">
                </div>
                <div style="padding: 15px 0 15px">
                </div>
                <div id="ProfileFollow">
                </div>
            </script>
            <script type="text/html" id="TokenPartial">
                <span class="uiToken ui-draggable">
                    <label eid="<%=value%>" class="lblToken">
                        <%=label %>
                    </label>
                    <input value="X" onclick="generateEvent('DelToken', event)" type="button" class="btnStl delToken"></span>
            </script>
            <script type="text/html" id="ListContainer">
                <div class="content-separator extension-point" extensionname="RegisterExpertise">
                    <div id="<%=namespace%>-<%=id%>" container="<%=id%>" class="list-formatter" name="<%=name%>">
                        <div class="row sub_keyword keyword catchwordMsg">
                            <%=keyword %> <a onclick="generateEvent('CatchwordHelp', '<%=id%>')">?</a>
                        </div>
                        <div class="row">
                            <input type="text" class="bkp-Text text formatterInput ui-autocomplete-input">
							<div class="fade">
								<i>Ví dụ: PHP, Java...</i>
							</div>
                            <div class="profileData content tokenContainer ui-droppable">
                            </div>
                        </div>
                    </div>
                </div>
            </script>
            <script type='text/html' id='ExpertiseDelete'>
                <button eid=<%=id%>
                    onclick="generateEvent('ExpertiseDeleteButtonClick', event)" class="round_button">Xóa
                </button>
            </script>
            <script type='text/html' id='InterestDelete'>
                <button eid=<%=id%>
                    onclick="generateEvent('InterestDeleteButtonClick', event)" class="round_button">Xóa
                </button>
            </script>
            <script type='text/html' id='NonePlaceholder'>
                <div class="none-formatter" name="<%=name%>">
                    <div class="row sub_keyword keyword">
                        <%=keyword %>
                    </div>
                    <div class="row content contentLabel">
                    </div>
                </div>
            </script>
            <script type='text/html' id='NormalPlaceholder'>
                <div class="normal-formatter" name="<%=name%>">
                    <div class="row sub_keyword keyword">
                        <%=keyword %>
                    </div>
                    <div class="row content">
                        <label class="contentLabel">
                            <%=content %>
                        </label>
                    </div>
                </div>
            </script>
            <script type='text/html' id='NormalPlaceholder-Edit'>
                <div class="normal-formatter" name="<%=name%>">
                    <div class="row sub_keyword keyword">
                        <%=keyword %>
                    </div>
                    <div class="row content">
                        <input type="text" formatter="Normal" class="bkp-Text profileData formatterInputInsert formatterInput" value="<%=content%>">
                    </div>
                </div>
            </script>
            <script type='text/html' id='NormalLargePlaceholder-Edit'>
                <div class="normal-large-formatter" name="<%=name%>">
                    <div class="row sub_keyword keyword">
                        <%=keyword %>
                    </div>
                    <div class="row content">
                        <textarea type="text" formatter="NormalLarge" class="bkp-Text profileData formatterTextAreaInsert formatterInput" value="<%=content%>">
                        </textarea>
                    </div>
                </div>
            </script>
            <script type='text/html' id='DatePlaceholder-Edit'>
                <div class="date-formatter" name="<%=name%>">
                    <div class="row sub_keyword keyword">
                        <%=keyword %>
                    </div>
                    <div class="customDatePicker row content">
                        <input type="text" readonly="readonly" formatter="Date" class="bkp-Text hasDatePicker profileData" role="textbox" value="Nhập thêm <%=content%>">
                    </div>
                </div>
            </script>
            <script type='text/html' id='ListPlaceholder'>
                <div id="<%=id%>" class="list-formatter" name="<%=name%>">
                    <div class="row sub_keyword keyword">
                        <%=keyword %>
                    </div>
                    <div class="row content">
                        <%=content %>
                    </div>
                </div>
            </script>
            <script type='text/html' id='ListPlaceholder-Edit'>
                <div id="<%=id%>" class="list-formatter" name="<%=name%>">
                    <div class="row sub_keyword keyword">
                        <%=keyword %>
                    </div>
                    <div class="row">
                        <input type="text" class="bkp-Text text formatterInput ui-autocomplete-input" onkeyup="generateEvent('AddToken', event)">
                        <div formatter="Normal" formatter="Normal" class="profileData content tokenContainer ui-droppable">
                            <%=content %>
                        </div>
                    </div>
                </div>
            </script>
            <script type='text/html' id='EmailPlaceholder-Edit'>
                <div id="<%=id%>" class="email-formatter" name="<%=name%>">
                    <div class="row sub_keyword keyword">
                        <%=keyword %>
                    </div>
                    <div class="row">
                        <input type="text" class="bkp-Text text Formatter_email_insert ui-autocomplete-input" onkeyup="generateEvent('AddEmailToken', event)"><span>@</span>
                        <%=select %>
                        <div class="content tokenContainer ui-droppable profileData" formatter="Email">
                            <%=content %>
                        </div>
                    </div>
                </div>
            </script>
            <script type="text/html" id="EmailProviders-Edit">
                <select class="EmailProvider">
                    <% for ( var i = 0; i < providers.length; i ++ ) { %>
                    <option value="<%=providers[i]%>"><%=providers[i] %></option>
                    <% } %>
                </select>
            </script>
            <script type='text/html' id='ListPartial'>
                <label class="contentLabel">
                    <%=content %>
                </label>
            </script>
            <script type='text/html' id='ListPartial-Edit'>
                <span keyword="look_for" class="uiToken ui-draggable">
                    <label class="lblToken">
                        <%=content %>
                    </label>
                    <input value="X" type="button" onclick="generateEvent('DelToken', event)" class="btnStl delToken"></span>
            </script>
            <script type='text/html' id='EnumPartial-Edit'>
                <input class="bkp-Radio" value="<%=choice%>" name="<%=name%>" type="radio"<%=checked %>><%=choice %>
            </script>
            <script type='text/html' id='EnumPlaceholder-Edit'>
                <div class="row sub_keyword keyword">
                    <%=keyword %>
                </div>
                <div class="row content profileData" formatter="Enum">
                    <%=content %>
                </div>
            </script>
            <script type='text/html' id='DatePlaceholder'>
                <div class="date-formatter">
                    <div class="row sub_keyword keyword">
                        <%=keyword %>
                    </div>
                    <div class="row content">
                        <label class="contentLabel">
                            <%=content %>
                        </label>
                    </div>
                </div>
            </script>
            <script type='text/html' id='HeadingPlaceholder'>
                <div class="heading-formatter">
                    <h2><span><%=keyword %></span>
                        <div class="float-right extension-point" extensionName="HeadingPlaceholderRight">
                        </div>
                    </h2>
                </div>
            </script>
            <script type="text/html" id="ProfilePartial">
                <div class="<%=type%>_container" rootname="<%=name%>" id="<%=namespace%>-<%=name%>Profile<%=id%>">
                    <div id="<%=namespace%>-<%=name%><%=id%>Content">
                        <%=content %>
                    </div>
                    <div class="children_container" id="<%=namespace%>-<%=name%>Children<%=id%>">
                    </div>
                </div>
            </script>
            <script type='text/html' id='UnformattedPlaceholder'>
                <div depth="<%=depth%>" state="View" params="<%=params%>" class="unformatted-formatter content-separator extension-point" type="<%=type%>" extensionName="Placeholder" name="<%=name%>">
                    <div class="row sub_keyword keyword">
                        <%=keyword %>
                    </div>
                    <div class="row content contentLabel">
                        <%=content %>
                    </div>
                </div>
            </script>
            <script type="text/html" id="TemplatePartial">
                <div class="<%=type%>_container" id="<%=namespace%>-<%=name%>Prototype" name="<%=name%>_container">
                    <div class="children_container" name="<%=name%>_container_children">
                    </div>
                </div>
            </script>
            <script type='text/html' id='AddNewPlaceholder'>
                <div mockup="true" depth="<%=depth%>" state="Edit" params="<%=params%>" class="unformatted-formatter content-separator mockup extension-point" type="<%=type%>" extensionName="Placeholder" name="<%=name%>">
                    <div class="row sub_keyword keyword">
                        <%=keyword %>
                    </div>
                    <div class="row content contentLabel">Nhập thêm <%=content %></div>
                </div>
            </script>
        </div>
        <!-- notification-brief  -->
        <div class='portlet-data'>
            <div id='NotificationBriefPortlet-RootData'>
                <script type="text/html" id="NotificationBriefPortletView">
                    <div id="NotificationBriefPortlet-NotificationBriefPortlet">
                        <div id="NotificationBriefPortlet-Goto" onclick="generateEvent(&apos;NotifBriefButtonClick&apos;)" class="pointer">
                            <div id="NotificationBriefPortlet-notification-live" class="bkp_notification">
                                <div class="notification-live">
                                    0
                                </div>
                            </div>
                        </div>
                        <div class="ui-notification-container">
                        </div>
                    </div>
                </script>
                <div id="NotificationBriefPortlet-Data">
                    <div id="NotificationBriefPortlet-MessageLiveNotification">
                        <div class="notification-live">
                            %1
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class='portlet-data'>
            <div id='ErrorPortlet-RootData'>
                <script type="text/html" id="ErrorPortletView">
                    <div id="ErrorPortlet-ErrorPortlet">
                        <div class="inline_dialog">
                            <div class="form_box dialog_box">
                                <div id="ErrorPortlet-Header" class="dialog_header">
                                    <h2><%=errorHeader %></h2>
                                </div>
                                <div id="ErrorPortlet-Content" class="dialog_content">
                                    <div>
                                        <%=errorContent %>
                                    </div>
                                </div>
                                <div class="dialog_footer">
                                    <div class="round_button extension-point" extensionName="NavigateRoute" onclick="generateEvent(&apos;GoToPrevious&apos;)">
                                        Quay lại
                                    </div>
                                    <div class="round_button extension-point" extensionName="NavigateRoute" onclick="generateEvent(&apos;GoToHome&apos;)">
                                        Trang chủ
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </script>
                <script type="text/html" id="ErrorPortlet-HandledErrorCode">
                    [401,404]
                </script>
                <script type="text/html" id="ErrorPortlet-ErrorCode404_Heading">
                    Trang không tồn tại
                </script>
                <script type="text/html" id="ErrorPortlet-ErrorCode404_Content">
                    Chúng tôi không tìm thấy trang bạn yêu cầu trong hệ thống. Mong bạn vui lòng kiểm tra lại.
                </script>
                <script type="text/html" id="ErrorPortlet-ErrorCode401_Heading">
                    Không có quyền
                </script>
                <script type="text/html" id="ErrorPortlet-ErrorCode401_Content">
                    Bạn không có đủ quyền để vào trang này! 
                </script>
                <script type="text/html" id="ErrorPortlet-ErrorCode_Heading">
                    Lỗi hệ thống xảy ra
                </script>
                <script type="text/html" id="ErrorPortlet-ErrorCode_Content">
                    Rất tiếc. Hiện thời hệ thống đang gặp phải sự cố gì đó, mong bạn thử lại sau.
                </script>
            </div>
        </div>
        <div class='portlet-data'>
            <div id='NavigationPortlet-RootData'>
                <div id="NavigationPortlet-NavigationPortlet">
                    <script type="text/html" id="NavigationPortlet-List">
                        <div class="bkp_nav_list">
                            <% for(var i=0; i< children.length; i++){ %>
                            <%=children[i] %>
                            <% } %>
                        </div>
                    </script>
                    <script type="text/html" id="NavigationPortlet-Item">
                        <div class="bkp_nav_item">
                            <div class="<%=pageClass%>">
                                <div id="bkp_nav_<%=pageClass%>_arrow">
                                </div>
                                <a href="#page/<%=pageHeader%>" class="bkp_nav_text"><%=pageName %></a>
                            </div>
                            <hr style="width:100%"/>
                        </div>
                    </script>
                    <script type="text/html" id="NavigationPortlet-Config">
                        {
                        pages: 
                        [ 
                        { pageHeader:"HomePage", pageClass: "home", pageContent: "Trang chủ" },
                        { pageHeader:"AboutUs", pageClass: "aboutus", pageContent: "Về chúng tôi" },
                        { pageHeader:"Help", pageClass: "help", pageContent: "Giúp đỡ" } 
                        ] 
                        }
                    </script>
                    <script type="text/html" id="NavigationPortlet-ConfigHomePage">
                        {
                        pages: 
                        [ 
                        { pageHeader:"HomePage", pageClass: "home", pageContent: "Trang chủ" },
                        { pageHeader:"AboutUs", pageClass: "aboutus", pageContent: "Về chúng tôi" },
                        { pageHeader:"Help", pageClass: "help", pageContent: "Giúp đỡ" } 
                        ] 
                        }
                    </script>
                    <script type="text/html" id="NavigationPortlet-ConfigSearchPage">
                        { 
                        pages: 
                        [ 
                        { pageHeader:"HomePage", pageClass: "home", pageContent: "Trang chủ" },
                        { pageHeader:"AboutUs", pageClass: "aboutus", pageContent: "Về chúng tôi" },
                        { pageHeader:"Help", pageClass: "help", pageContent: "Giúp đỡ" } 
                        ] 
                        }
                    </script>
                </div>
            </div>
        </div>
        <div class='portlet-data'>
            <div id='NotificationFullPortlet-RootData'>
                <script type="text/html" id="NotificationFullPortletView">
                    <div id="NotificationFullPortlet-PltNotificationFull">
                        <div id="NotificationFullPortlet-NoNotif" class="bkp_header bkp_header_notification">
                            <%=noNotif %>
                        </div>
                        <div id="NotificationFullPortlet-bkp_notification_list" class="bkp_notification_list">
                            <div>
                                <% for (var i = 0;i < children.length; i++) { %>
                                <%=children[i] %>
                                <% } %>
                            </div>
                        </div>
                    </div>
                </script>
                <script type="text/html" id="NotificationFullPortlet-NotifUnSeen">
                    <div class="bkp_notification_item extension-point" extensionName="ProfileImageCheck">
                        <div class="bkp_pic_profile bkp_pic_profile_notification">
                            <img alt="<%=profilename%>" src="styles/images/<%=profilepic%>">
                        </div>
                        <div class="bkp_notification_text">
                            <a href="#profile/index/id/<%=profileid%>"><%=profilename %></a>&nbsp;<span class="bkp_notification_message"><%=message %></span>&nbsp;
                            <div class="bkp_notification_detail">
                                <%=detail %>
                            </div>
                        </div>
                    </div>
                </script>
                <div id="NotificationFullPortletMessage">
                    <div id="NotificationFullPortlet-MessageNoNotif">
                        Có <strong>%1</strong>
                        tin nhắn từ hệ thống
                    </div>
                </div>
            </div>
        </div>
        <div class='portlet-data'>
            <div id='SearchResultPortlet-RootData'>
                <div id="SearchResultPortlet-SearchResultPortlet">
                    <!-- View chính của toàn bộ cả trang -->
                    <script type="text/html" id="SearchResultPortlet-ViewPrefetch">
                        <div class="search_result_list">
                            <% for(var i=0; i< children.length; i++){ %>
                            <%=children[i].html() %>
                            <% } %>
                        </div>
                        <div class="search_result_nav">
                            <center class="extension-point" extensionName="NavigatorUI">
                                <%=navigator.html() %>
                            </center>
                        </div>
                    </script>
                    <script type="text/html" id="SearchResultPortlet-ItemKnowledge-View">
                        <div class="search_result">
                            <div class="search_result_brief">
                            </div>
                            <br/>
                            <div class="search_result_main">
                            </div>
                            <div class="search_result_highlight">
                            </div>
                        </div>
                    </script>
                    <!-- View của profile -->
                    <script type="text/html" id="SearchResultPortlet-ItemProfile-View">
                        <div class="search_result">
                            <div class="search_result_brief">
                            </div>
                            <br/>
                            <div class="search_result_main">
                                <div class="search_result_pic">
                                </div>
                                <div class="search_result_preview">
                                </div>
                            </div>
                            <div class="search_result_highlight">
                            </div>
                        </div>
                    </script>
                    <!-- View của format single trong một item của profile -->
                    <script type="text/html" id="SearchResultPortlet-ItemProfile-Single">
                        <div class="divSearchResult">
                            <b><%=header %>:</b>
                            <label>
                                <%=content %>
                            </label>
                        </div>
                    </script>
                    <!-- View của format list trong một item của profile -->
                    <script type="text/html" id="SearchResultPortlet-ItemProfile-List">
                        <div class="divSearchResult">
                            <b><%=header %>:</b>
                            <ul class="divSearchResultList">
                                <% for(var i=0; i<content.length; i++) { %>
                                <%=content[i] %>
                                <% } %>
                            </ul>
                        </div>
                    </script>
                    <!-- View của format listitem trong một list của profile -->
                    <script type="text/html" id="SearchResultPortlet-ItemProfile-ListItem">
                        <li>
                            <%=content %>
                        </li>
                    </script>
                    <!-- View của format highlight trong một item của profile -->
                    <script type="text/html" id="SearchResultPortlet-ItemProfile-Highlight">
                        <div class="divSearchResult">
                            <b><%=header %></b>
                            <span>: <%=content %>
                            </span>
                        </div>
                    </script>
                    <!-- View của phần cục nhỏ chứa tên và percentage = Header -->
                    <script type="text/html" id="SearchResultPortlet-ItemProfile-BriefInfo">
                        <span style="display: inline-block; float: left;"><a href="<%=link%>" class="search_result_name"><%=name %>
                            </a></span>
                        <span style="display: inline-block; float: right;"><span class="errorMsg-<%=profileid%>"></span><span id="vertgraphPlhld"><span id="vertgraph-<%=profileid%>" style="padding: 2px 5px; vertical-align: middle"><img src="../static/images/ajax-loader.gif"></span></span></span>
                        <br>
                    </script>
                    <!-- View của phần navigation trang hiện tại -->
                    <script type="text/html" id="CommonPortlet-NavCurrent">
                        <font color="black">
                            <b><%=content %></b>
                        </font>&nbsp;
                    </script>
                    <!-- View của phần navigation trang khác -->
                    <script type="text/html" id="CommonPortlet-NavOther">
                        <a href="#page/<%=searchController%>/type/<%=pageType%>/query/<%=query%>/search-page/<%=searchPage%>/rows/<%=rows%>" class="page-slide-control"><%=content %></a>&nbsp;
                    </script>
                    <!-- View của phần ảnh người -->
                    <script type="text/html" id="SearchResultPortlet-LinkImg">
                        <a href="<%=linkProfile%>"><img height="100px" style="border: 0pt none;" src="<%=linkImg%>" alt="" class="imgSearchAvatar"></a>
                    </script><!-- View của phần ảnh source -->
                    <script id="SearchResultPortlet-sourcePerPlhld" type="text/html">
                    <div align="center" class="sourceDetails" style="display: inline-block; left: <%=left%>px;">
                    <div align="left" style="width: 100px;">
                        <%=name %>
                    </div>
                    <div id="sourceName" style='background-color: <%=color%>; height: 10px; width: <%=height%>px; max-width: 50px'/>
                        <div>
                            <%=value %>
                        </div>
                    </div>
                    <br/>
                    </script>
                    <!-- Config những gì được hiển thị -->
                    <script type="text/html" id="SearchResultPortlet-ItemConfigProfile">
                        {
                        Single: [
                        {type: "birthday"}, {type: "name"}
                        ]
                        ,
                        List : [
                        {type: "school"}, {type: "company"}, {type: "project"}
                        ]
                        }
                    </script>
                </div>
            </div>
        </div>


<div class='portlet-data'>
		<div id='SearchResultDynamicPortlet-RootData'>
			<div id="SearchResultDynamicPortlet-SearchResultDynamicPortlet">
				
				<!-- View chính của toàn bộ cả trang -->				
				<script type="text/html" id="SearchResultDynamicPortletView">
					<div class="extension-point" extensionName="SearchResultHeader">
					</div>					

					<div class="search_result_list">
						<% for(var i=0; i< children.length; i++){ %>
							<%=$(children[i]).html()%>
						<% } %>
					</div>

					<div class="search_result_nav">
						<center class="extension-point" extensionName="NavigatorUI">
						</center>
					</div>
				</script>
				
				<script type="text/html" id="SearchResultDynamicPortlet-ItemKnowledge-Main">
					<div type="plhld">
						<div style="border-bottom: 1px solid #DDD; padding: 10px 0px;">
						<div class="vote">
							<center style="margin-top: 2px"><b style="margin-left: 16px;"><%=vote%></b></center>
						</div>
						<div class="search_result" style="display:inline-block; margin: 0px; width: 80%">
							<div class="search_result_brief">
								<div><b><%=content%></b></div>
							</div>
							<div style="color:#a5a5a5"><%=detail%></div>
							<div style="color:#a5a5a5"><%=quser%></div>
							<div style="padding-left: 20px; width: 100%">
								<div><%=answer%></div>
							</div>
							<div style="padding:5px 0px;" class="bkp_question_topic">
								<%=catch_word%>
							</div>
							
							<div style="color: #A5A5A5; display: block;">Ngày trả lời cuối cùng: <%=answerDate%></div>							
							<div class="search_result_highlight"></div>
						</div>
						<div class="extension-point" extensionName="ProfileImageCheck" style="display: inline-block; vertical-align: top">
							<div  class="bkp_pic_profile">
								<a style="border:none" href="#page/ProfilePage/id/<%=uid%>"><img src="avatar/<%=src%>" width="40px"></img></a>
							</div>
						</div>
						</div>
					</div>
				</script>
				
				<!-- View của format single của answer profile -->				
				<script type="text/html" id="SearchResultDynamicPortlet-ItemKnowledge-content-template">
						<label><a href="#page/QuestionAnswerPage/qid/<%=qid%>"><%=content%></a></label>
				</script>
				
				<!-- View của format single của answer profile -->				
				<script type="text/html" id="SearchResultDynamicPortlet-ItemKnowledge-detail-template">
						<%=detail != "null"? detail:""%>
				</script>
				
				<!-- View của format single của answer profile -->				
				<script type="text/html" id="SearchResultDynamicPortlet-ItemKnowledge-quser-template">
						<%=user_name != null? "Bởi ":""%>
						<a href="#page/ProfilePage/id/<%=user_id%>"><b><%=user_name != null? user_name:""%></b></a>
						<%=user_name != null && date != null? " • ":""%>
						<%=date != null? "Vào lúc ":""%>
						<%=date != null? formatDate(date):""%>
				</script>
				
				<!-- View của format single của answer profile -->				
				<script type="text/html" id="SearchResultDynamicPortlet-ItemKnowledge-vote-template">
						<%=vote%>
				</script>
				
				<!-- View của format single của answer profile -->				
				<script type="text/html" id="SearchResultDynamicPortlet-ItemKnowledge-answer-template">
						<div style="vertical-align:top; width: 100%; display: none" class="extension-point" extensionName="CheckContentAvai">
							<div>
								<div style="display: inline-block; vertical-align:top; height: 25px; width: 25px;" class="extension-point" extensionName="ProfileImageCheck">
									<a href="#page/ProfilePage/id/<%=answer_user_id%>" class="bkp_pic_profile"><img src="avatar/<%=answer_user_avatar%>" width="25px"></a>
								</div>
								<div style="display: inline-block; vertical-align: middle">
									<a href="#page/ProfilePage/id/<%=answer_user_id%>"><%=answer_user_name%></a>
								</div>	
							</div>
							<div style="margin-top:10px;">
								<div class="extension-point show_more_content" extensionName="MoreContent" style="display:inline-block; float: left; width: 70%"><%=answer_content%></div>
								<div style="display:inline-block; width: 25%"><div style="float: left; padding-left: 15px; padding-top:8px; margin-top: -5px;" class="vote"><b><%=answer_vote%></b></div></div>
							</div>
						</div>
						
				</script>
				
				<!-- View của format single của answer profile -->				
				<script type="text/html" id="SearchResultDynamicPortlet-ItemKnowledge-catch_word-template">
					<div style="display: inline-block" class="extension-point" extensionName="CheckTopicsAvai"><%=catch_word%></div>
				</script>
				
				<!-- View của format single của answer profile -->				
				<script type="text/html" id="SearchResultDynamicPortlet-ItemKnowledge-catch_word-item-template">
					<a href="#page/SearchResultDynamic/query/<%=catch_word%>/type/Knowledge" class="bkp_question_topic"><span><%=catch_word%></span></a>
				</script>
				
				<!-- View của format single của answer profile -->				
				<script type="text/html" id="SearchResultDynamicPortlet-ItemKnowledge-answerDate-template">
					<span><%=answerDatePlhld?formatDate(answerDatePlhld):"Chưa có"%></span>
				</script>
				
				<!-- View của format single của answer profile -->				
				<script type="text/html" id="SearchResultDynamicPortlet-ItemKnowledge-img-template"><%=img%></script>
				
				<!-- View của format single của answer profile -->				
				<script type="text/html" id="SearchResultDynamicPortlet-ItemKnowledge-uid-template"><%=uid%></script>
				
				<!-- View của format highlight trong một item của profile -->
				<script type="text/html" id="SearchResultDynamicPortlet-ItemKnowledge-Highlight">
					<div class="divSearchResult">
						<b><%=header%></b>
						<span>: 
							<%=content%>
						</span>
					</div>
				</script>
				
				<!-- View của phần navigation trang khác -->
				<script type="text/html" id="CommonPortlet-NoResult">
					<div><div id="search_no_result"><div class="bkp_no_result"><div>Không có kết quả nào được tìm thấy</div></div></div></div>
				</script>

				<!-- Config những gì được hiển thị -->
				<script type="text/html" id="SearchResultDynamicPortlet-ItemConfigKnowledge">
					{
						uifields: 
								[
									{content: "content-template"},
									{detail: "detail-template"}, 
									{quser: "quser-template"},
									{vote: "vote-template"},
									{answer: "answer-template"},
									{catch_word: "catch_word-template"},
									{answerDate: "answerDate-template"} ,
									{src: "img-template"},
									{uid: "uid-template"} 
								]
								,
						"content-template":		
								{ 
									data : 
										{ 
											content : { field : "content", type : "single"},
											qid : { field : "question_id", type : "single"}
										} 
								},
						"detail-template":		
								{ 
									data : 
										{ 
											detail : { field : "explanation"}
										} 
								},
						"quser-template":		
								{ 
									data : 
										{ 
											user_name : { field : "user_name"},
											user_id : { field : "user_id"},
											date : { field : "date"}
										} 
								},
						"vote-template":		
								{ 
									data : 
										{ 
											vote	: { field : "vote", type : "single" } 
										} 
								},
						"answer-template":		
								{ 
									data : 
										{ 	
											answer_id : { field: "answers_max_vote_id"},
											answer_content : { field: "answers_max_vote_answer"},
											answer_vote : { field: "answers_max_vote_vote"},
											answer_user_name : { field: "answers_max_vote_user_name"},
											answer_user_avatar : { field: "answers_max_vote_user_avatar"},
											answer_user_id : { field: "answers_max_vote_user_id"},
										}
								},
						"catch_word-template":	
								{
									data : 
										{ 
											catch_word : { field: "catch_words", type : "multiple", template: "catch_word-item-template"}
										}
								},
						"catch_word-item-template":	
								{
									data : 
										{ 
											catch_word 	: { field: "catch_words"},
											cid			: { field: "catch_words_id"}
										}
								},
						"answerDate-template":
								{
									data : 
										{ 
											answerDatePlhld 	: { field: "answers_date_final"}
										}
								},
						"img-template":
								{
									data : 
										{ 
											img 	: { field: "user_avatar_url"}
										}
								},
						"uid-template":
								{
									data : 
										{ 
											uid 	: { field: "user_id"}
										}
								}
					}
				</script>
				
				
				<!-- Phần này của Person -->
				<script type="text/html" id="SearchResultDynamicPortlet-ItemPerson-Main">
					<div type="plhld">
						<div style="border-bottom: 1px solid #DDD; padding: 5px 0px;" class="extension-point" extensionName="ProfileImageCheck">
						<div style="display: inline-block; vertical-align:top; margin-right: 10px; margin-top:5px" class="bkp_pic_profile">
							<a style="border:none" href="#page/ProfilePage/id/<%=uid%>"><img height="25px" width="25px" src="avatar/<%=avatar%>"></img></a>
						</div>
						<div class="search_result" style="display:inline-block; margin: 0px;">
							<div class="search_result_brief">
								<b><%=fullname%></b>
							</div>
							<div></div>
							<div style="margin: 3px 0px;" class="extension-point" extensionName="CheckTopicsAvai"><%=expertise%></div>
							<div style="color: #777777">
								<%=topics%> • <%=answers%> • <%=followers%>
							</div>
						</div>
						</div>
					</div>
				</script>
				
				<!-- View của format single của answer profile -->				
				<script type="text/html" id="SearchResultDynamicPortlet-ItemPerson-fullname-template">
						<a href="#page/ProfilePage/id/<%=id%>"><%=content%></a>
				</script>
				
				<!-- View của format single của answer profile -->				
				<script type="text/html" id="SearchResultDynamicPortlet-ItemPerson-uid-template"><%=uid%></script>
				
				<!-- View của format single của answer profile -->				
				<script type="text/html" id="SearchResultDynamicPortlet-ItemPerson-avatar-template"><%=content%></script>
				
				<!-- View của format single của answer profile -->				
				<script type="text/html" id="SearchResultDynamicPortlet-ItemPerson-topics-template">
						Số câu hỏi: <%=content?content:0%>
				</script>
				
				<!-- View của format single của answer profile -->				
				<script type="text/html" id="SearchResultDynamicPortlet-ItemPerson-answers-template">
						Số câu trả lời: <%=content?content:0%>
				</script>
				
				<!-- View của format single của answer profile -->				
				<script type="text/html" id="SearchResultDynamicPortlet-ItemPerson-followers-template">
						Số bình chọn: <%=content?content:0%>
				</script>
				
				<!-- View của format single của answer profile -->				
				<script type="text/html" id="SearchResultDynamicPortlet-ItemPerson-expertise-template">
						<%=content%>
				</script>
				
				<!-- View của format single của answer profile -->				
				<script type="text/html" id="SearchResultDynamicPortlet-ItemPerson-expertise-item-template">
						<a href="#page/SearchResultDynamic/query/<%=content%>/type/Knowledge" title="<%=explanation%>" alt="<%=explanation%>" class="bkp_question_topic"><span><%=content%></span></a>
				</script>
				
				<!-- Config những gì được hiển thị -->
				<script type="text/html" id="SearchResultDynamicPortlet-ItemConfigPerson">
					{
						uifields: 
								[
									{fullname: "fullname-template"},
									{uid: "uid-template"},
									{avatar: "avatar-template"}, 
									{topics: "topics-template"},
									{answers: "answers-template"},
									{followers: "followers-template"},
									{expertise: "expertise-template"}
								]
								,
						"fullname-template":		
								{ 
									data : 
										{ 
											content : { field : "full_name" },
											id : { field : "profile_id" }
										} 
								},
						"uid-template":		
								{ 
									data : 
										{ 
											uid : { field : "profile_id" }
										} 
								},
						"avatar-template":		
								{ 
									data : 
										{ 
											content : { field : "avatar" }
										} 
								},
						"topics-template":		
								{ 
									data : 
										{ 
											content	: { field : "expertise_total_ques_count" } 
										} 
								},
						"answers-template":		
								{ 
									data : 
										{ 	
											content : { field: "expertise_total_ans_count" }
										}
								},
						"followers-template":		
								{ 
									data : 
										{ 	
											content : { field: "expertise_total_vote" }
										}
								},
						"expertise-template":		
								{ 
									data : 
										{ 	
											content : { field: "expertise", type: "advanced", template: "expertise-item-template" }
										}
								},
						"expertise-item-template":		
								{ 
									data : 
										{ 	
											content : 		{ field: "expertise"},
											id : 			{ field: "expertise_id"},
											description : 	{ field: "expertise_description"},
											explanation : 	{ field: "expertise_explanation"}
										}
								}
					}
				</script>
				
				
				<!-- Phần này của Notification -->
				<script type="text/html" id="SearchResultDynamicPortlet-ItemNotification-Main">
					<div type="plhld">
						<div style="border-bottom: 1px solid #DDD; padding: 10px 0px;">
						<div class="vote">
							<center style="margin-top: 2px"><b style="margin-left: 16px;"><%=vote%></b></center>
						</div>
						<div class="search_result" style="display:inline-block; margin: 0px; width: 80%">
							<div class="search_result_brief">
								<b><%=content%></b>
							</div>
							<div style="color:#a5a5a5"><%=detail%></div>
							<div style="color:#a5a5a5"><%=quser%></div>
							<div style="padding-left: 20px; width: 100%">
								<div><%=answer%></div>
							</div>
							<div style="padding:5px 0px;" class="bkp_question_topic">
								<%=catch_word%>
							</div>
							<div style="color: #A5A5A5; display: block;">Ngày trả lời cuối cùng: <%=answerDate%></div>							
							<div class="search_result_highlight"></div>
						</div>
						<div class="extension-point" extensionName="ProfileImageCheck" style="display: inline-block; vertical-align: top">
							<div  class="bkp_pic_profile">
								<a href="#page/ProfilePage/id/<%=uid%>" style="border:none"><img src="avatar/<%=src%>" width="40px"></img></a>
							</div>
						</div>
						</div>
					</div>
				</script>
				
				<!-- View của format single của answer profile -->				
				<script type="text/html" id="SearchResultDynamicPortlet-ItemNotification-content-template">
						<label><a href="#page/QuestionAnswerPage/qid/<%=qid%>"><%=content%></a></label>
				</script>
				
				<!-- View của format single của answer profile -->				
				<script type="text/html" id="SearchResultDynamicPortlet-ItemNotification-detail-template">
						<%=detail==null?detail:""%>
				</script>
				
				<!-- View của format single của answer profile -->				
				<script type="text/html" id="SearchResultDynamicPortlet-ItemNotification-quser-template">
						<%=user_name != null? "Bởi ":""%>
						<a href="#page/ProfilePage/id/<%=user_id%>"><b><%=user_name != null? user_name:""%></b></a>
						<%=user_name != null && date != null? " • ":""%>
						<%=date != null? "Vào lúc ":""%>
						<%=date != null? formatDate(date):""%>
				</script>
				
				<!-- View của format single của answer profile -->				
				<script type="text/html" id="SearchResultDynamicPortlet-ItemNotification-vote-template">
						<%=vote%>
				</script>
				
				<!-- View của format single của answer profile -->				
				<script type="text/html" id="SearchResultDynamicPortlet-ItemNotification-uid-template"><%=uid%></script>
				
				<!-- View của format single của answer profile -->				
				<script type="text/html" id="SearchResultDynamicPortlet-ItemNotification-answer-template">
						<div style="vertical-align:top; width: 100%; display: none" class="extension-point" extensionName="CheckContentAvai">
							<div>
								<div style="display: inline-block; vertical-align:top; height: 25px; width: 25px;" class="extension-point" extensionName="ProfileImageCheck">
									<a href="#page/ProfilePage/id/<%=answer_user_id%>" class="bkp_pic_profile"><img src="avatar/<%=answer_user_avatar%>" width="25px"></a>
								</div>
								<div style="display: inline-block; vertical-align: middle">
									<a href="#page/ProfilePage/id/<%=answer_user_id%>"><%=answer_user_name%></a>
								</div>	
							</div>
							<div style="margin-top:10px;">
								<div class="extension-point show_more_content" extensionName="MoreContent" style="display:inline-block; float: left; width: 70%"><%=answer_content%></div>
								<div style="display:inline-block; width: 25%"><div style="float: left; padding-left: 15px; padding-top:8px; margin-top: -5px;" class="vote"><b><%=answer_vote%></b></div></div>
							</div>
						</div>
						
				</script>
				
				<!-- View của format single của answer profile -->				
				<script type="text/html" id="SearchResultDynamicPortlet-ItemNotification-catch_word-template">
					<div style="display: inline-block" class="extension-point" extensionName="CheckTopicsAvai"><%=catch_word%></div>
				</script>
				
				<!-- View của format single của answer profile -->				
				<script type="text/html" id="SearchResultDynamicPortlet-ItemNotification-catch_word-item-template">
					<a href="#page/SearchResultDynamic/query/<%=catch_word%>/type/Knowledge" class="bkp_question_topic"><span><%=catch_word%></span></a>
				</script>
				
				<!-- View của format single của answer profile -->				
				<script type="text/html" id="SearchResultDynamicPortlet-ItemNotification-answerDate-template">
					<span><%=answerDatePlhld?formatDate(answerDatePlhld):"Chưa có"%></span>
				</script>
				
				<!-- View của format single của answer profile -->				
				<script type="text/html" id="SearchResultDynamicPortlet-ItemNotification-img-template"><%=img%></script>
				
				<!-- View của format highlight trong một item của profile -->
				<script type="text/html" id="SearchResultDynamicPortlet-ItemNotification-Highlight">
					<div class="divSearchResult">
						<b><%=header%></b>
						<span>: 
							<%=content%>
						</span>
					</div>
				</script>

				<!-- View của format highlight trong một item của profile -->
				<script type="text/html" id="SearchResultDynamicPortlet-SearchResultNumber">
					<div style="padding: 0px 0px 5px 0px; border-bottom: 2px solid #CCC">Có 
						<span style="color:red; font-weight:bold;"><%=numDocs%></span>
						 kết quả phù hợp với truy vấn của bạn
					</span>
				</script>

				<!-- Config những gì được hiển thị -->
				<script type="text/html" id="SearchResultDynamicPortlet-ItemConfigNotification">
					{
						uifields: 
								[
									{content: "content-template"},
									{detail: "detail-template"}, 
									{quser: "quser-template"},
									{vote: "vote-template"},
									{answer: "answer-template"},
									{catch_word: "catch_word-template"},
									{answerDate: "answerDate-template"}  ,
									{src: "img-template"},
									{uid: "uid-template"} 
								]
								,
						showNavigator: false,
						showSearchResult: false,
						notShowNoResult: true,
						"content-template":		
								{ 
									data : 
										{ 
											content : { field : "content", type : "single"},
											qid : { field : "question_id", type : "single"}
										} 
								},
						"detail-template":		
								{ 
									data : 
										{ 
											detail : { field : "explanation"}
										} 
								},
						"quser-template":		
								{ 
									data : 
										{ 
											user_name : { field : "user_name"},
											user_id : { field : "user_id"},
											date : { field : "date"}
										} 
								},
						"vote-template":		
								{ 
									data : 
										{ 
											vote	: { field : "vote", type : "single" } 
										} 
								},
						"answer-template":		
								{ 
									data : 
										{ 	
											answer_id : { field: "answers_max_vote_id"},
											answer_content : { field: "answers_max_vote_answer"},
											answer_vote : { field: "answers_max_vote_vote"},
											answer_user_name : { field: "answers_max_vote_user_name"},
											answer_user_avatar : { field: "answers_max_vote_user_avatar"},
											answer_user_id : { field: "answers_max_vote_user_id"},
										}
								},
						"catch_word-template":	
								{
									data : 
										{ 
											catch_word : { field: "catch_words", type : "multiple", template: "catch_word-item-template"}
										}
								},
						"catch_word-item-template":	
								{
									data : 
										{ 
											catch_word 	: { field: "catch_words"},
											cid			: { field: "catch_words_id"}
										}
								},
						"answerDate-template":
								{
									data : 
										{ 
											answerDatePlhld 	: { field: "answers_date_final"}
										}
								},
						"img-template":
								{
									data : 
										{ 
											img 	: { field: "user_avatar_url"}
										}
								},
						"uid-template":
								{
									data : 
										{ 
											uid 	: { field: "user_id"}
										}
								}
					}
				</script>
				
				
				
				
			</div>
		</div>
	</div>
        
		<!-- Demo -->
	<div class='portlet-data'>
	<div id='DemoPortlet-RootData'>
	<script type='text/html' id='DemoPortletView'>
	 <ul id="DemoPortlet-Slide">
  		<li><img src="../static/images/register.jpg" /></li>
		<li><img src="../static/images/search.jpg" /></li>
  		<li><img src="../static/images/question.jpg" /></li>
		<li><img src="../static/images/answer.jpg" /></li>
 	</ul>
	</script>
	</div>
	</div>
	
<!-- Footer  -->
<div class='portlet-data'>
<div id='FooterPortlet-RootData'>
<script type='text/html' id='FooterPortletView'>
		<p style="padding-bottom: 10px;"></p>
		<div class="bkp_footer_container_wrapper" style="padding: 0px 10px 0px 0px; display: inline-block; margin-left: 50px">
			<div class="bkp_footer_container">
				<span id="FooterPortlet-AboutUs" class="footer_item" style="padding-left:5px; margin-left:0px;" onclick="generateEvent('GoToPage',{page:'Documentation','params':{'id':'AboutUs'}});">Về chúng tôi</span>
				<span id="FooterPortlet-Tutorial" class="footer_item" onclick="generateEvent('GoToPage',{page:'Documentation','params':{'id':'Tutorial'}});">Hướng dẫn</span> 
				<span id="FooterPortlet-Faq" class="footer_item" onclick="generateEvent('GoToPage',{page:'Documentation','params':{'id':'Faq'}});">Câu hỏi thường gặp</span> 
				<span id="FooterPortlet-Tou" class="footer_item" onclick="generateEvent('GoToPage',{page:'Documentation','params':{'id':'Tou'}});">Điều khoản sử dụng</span> 
				<span id="FooterPortlet-Piracy" class="footer_item" onclick="generateEvent('GoToPage',{page:'Documentation','params':{'id':'Piracy'}});">Điều khoản riêng tư</span>
				<span id="FooterPortlet-Architecture" class="footer_item" style="padding-right:5px; margin-right:0px;" onclick="generateEvent('GoToPage',{page:'Documentation','params':{'id':'Architecture'}});">Kiến trúc</span>
			</div>
			<span style="font-weight: bold;" class="footer_item">&copy; 2009 BKProfile</span>
		</div>
</script>
</div>		
</div>
	
<!-- Header -->
<div class='portlet-data'>
<div id='HeaderPortlet-RootData'>
<script type='text/html' id='HeaderPortletView'>
	<a style="border:none" href="#"><img class="bkp_logo" width="150px" src="styles/images/bkprofile_logo.png"></a>
</script>
</div>
</div>
	
	<!-- StaticContent -->
	<div class='portlet-data'>
	<div id='StaticContentPortlet-RootData'>
	<script type='text/html' id='StaticContentPortletView'>
	<div id="StaticContentPortlet-AboutUs" class="bkp_block doNotDisplay">
		<div class="bkp_block_content">
		<h1>BKProfile là gì?</h1>
		<br>
			<b>Kết nối</b> - <b>Chia sẻ</b> - <b>Thành công</b> 
			<br>
			<br>
			<a href="#">BKProfile</a> là mạng cộng đồng chia sẻ tri thức Bách Khoa. BKProfile cung cấp 
			một mạng lưới tri thức tin cậy giữa cộng đồng sinh viên Bách Khoa, cựu sinh viên
			và giảng viên.
			
			BKProfile được phát triển bởi 4 thành viên:
			<ul>
				<li>Nguyễn Văn Đông Anh - Công Nghệ Phần Mềm K51 - ĐHBK Hà Nội</li>
				<li>Bùi Anh Dũng - Công Nghệ Phần Mềm K51 - ĐHBK Hà Nội</li>
				<li>Bùi Trung Hiếu - Công Nghệ Phần Mềm K51 - ĐHBK Hà Nội</li>
				<li>Phạm Tuấn Long - Công Nghệ Phần Mềm K51 - ĐHBK Hà Nội</li>
			</ul>
			<i>cùng nhiều cộng tác viên đến từ các khóa và lớp khác nhau của trường Đại học Bách Khoa Hà Nội</i>,
			dưới sự hướng dẫn của ThS Lê Quốc và PGS TS Huỳnh Quyết Thắng.
		</div>
	</div>

	<div id="StaticContentPortlet-Tutorial" class="doNotDisplay">
		<div>
<h1 style="display:block">Đăng ký</h1>
<p>Vào mục đăng ký trên đầu trang chủ.<br><br/>
  <img src="../static/images/image002.png" alt="" width="246" height="42" hspace="9" align="left"></p>
<br/>
<br/>
<p>Đầu tiên, BKProfile yêu cầu bạn nhập các thông tin cơ bản.<br>
  <img src="../static/images/image004.png" alt="" width="370" height="323"> <br>
  Sau khi nhập đủ các thông tin cần thiết, BKProfile yêu cầu các bạn nhập thêm thông tin cá nhân để hình thành profile của các bạn</p>
<p><img width="406" height="398" src="../static/images/image006.png" alt="Description: C:\Users\longpham\Pictures\bkprofile seminar\register step 2.png"></p>
<p><img width="308" height="320" src="../static/images/image008.png" align="left" hspace="9" alt="Description: C:\Users\longpham\Pictures\bkprofile seminar\register step 3.png"></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Tiếp theo, chương trình sẽ yêu cầu các bạn nhập thêm kinh nghiệm và lĩnh vực quan tâm, từ đó, BKProfile sẽ tìm các tri thức phù hợp với kinh nghiệm cũng như lĩnh vực quan tâm của các bạn</p>
</div>
<div style="display:block">
<h1 style="display:block">Tìm kiếm tri thức</h1>

<p>Ở mục đầu tiên của trang web,  bạn nhập vào các thông tin tri thức mà bạn cần biết. Nếu trong dữ liệu của BKProfile có tồn tại các tri thức phù hợp với từ khóa mà bạn cần tìm, chương trình sẽ tìm ra kết quả cho bạn.<img src="../static/images/image010.png" alt="" width="434" height="85" hspace="9" align="left"></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><img width="434" height="269" src="../static/images/image012.png" align="left" hspace="9" alt="Description: C:\Users\longpham\Pictures\bkprofile seminar\knowledge.png"></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><br>
  Nếu bạn muốn tìm theo chuyên môn, chọn chuyên môn bạn muốn tìm trong dữ liệu được đưa ra.<br>
  <br>
  <img src="../static/images/image014.png" alt="" width="434" height="60"></p>
<p>Khi thông tin BKProfile không phù hợp với bạn, bạn có thể đặt câu hỏi mới. Mục này yêu cầu các bạn phải đăng nhập.<br>
  Trong đó, bạn nhập câu hỏi, chủ đề câu hỏi để phân loại, và thông tin bổ sung để làm rõ thêm câu hỏi</p>
<br clear="all">
<p><img width="345" height="386" src="../static/images/image016.png" align="left" hspace="9" alt="Description: C:\Users\longpham\Pictures\bkprofile seminar\make new question.png"></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div>
<h1>Tìm kiếm người</h1>
<p>Tương tự với việc tìm kiếm tri thức, BKProfile còn cho phép bạn tìm người. Đánh vào ô trống thông tin về người bạn muốn tìm, chương trình sẽ tìm các profile phù hợp với tiêu chí tìm kiếm của bạn <br>
  <img src="../static/images/image018.png" alt="" width="434" height="100" hspace="9" align="left"></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><img style="display:block" src="../static/images/image020.png" alt="" width="434" height="150" hspace="9" align="left"></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Xem nội dung câu hỏi<br>
  <img src="../static/images/image022.png" alt="" width="434" height="275" hspace="9" align="left"></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><br>
  Mỗi người chỉ được trả lời câu  hỏi một lần để tránh tình trạng spam nên bạn cân nhắc nội dung câu hỏi.<br>
  Người dùng có thể tăng độ quan trọng của câu trả lời bằng cách sử dụng chức năng vote.<br>
  <br>
  <img src="../static/images/image024.png" alt="" width="74" height="50"><br clear="ALL">
  <br>
  Ngoài ra, trong mục sửa chủ đề ở bên trên, bạn có thể thêm mới các chủ đề cho câu hỏi để phân loại.<br>
  <img src="../static/images/image026.png" alt="" width="394" height="92" hspace="9" align="left"></p>

</div>
<div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>

<h1>Xem thông tin cá nhân</h1>
<p>Trong mục xem thông tin cá nhân, BKProfile sẽ hiển thị lên các thông tin cá nhân, kinh nghiệm cũng như sở thích của bạn.<br>
  <img src="../static/images/image028.png" alt="" width="434" height="483"><br>
  <br>
  Ngoài ra, hệ thống còn cho bạn diễn giải chi tiết các mục kinh nghiệm để tăng thêm tính vững chắc của thông tin.<br>
  <br>
  <img src="../static/images/image030.png" alt="" width="434" height="176" hspace="9" align="left"><br clear="all">
  <br>
  Ở mục hỏi sẽ hiển thị tất cả các câu hỏi mà bạn đặt ra trong hệ thống.</p>
<p><img src="../static/images/image032.png" alt="" width="434" height="323"> <br>
  <br>
  Ở mục đáp, sẽ hiển thị tất cả các câu trả lời của bạn đối với các câu hỏi được đặt ra trong hệ thống.</p>
<br clear="all">
</div>
	</div>

	<div id="StaticContentPortlet-Faq" class="doNotDisplay">
		<h2>Câu hỏi thường gặp</h2>
		<br />
<div class="faq">
<ul id="content1">
	<li><strong>1. BkProfile là gì? <a style="float: right" href="#">Top</a></strong></li>
</ul>
<p>BkProfile là mạng cộng đồng chia sẻ tri thức Bách Khoa. BKProfile được xây 
dựng với mục đích kết nối sinh viên Bách Khoa thông qua việc chia sẻ tri thức.<br>
<ul id="content2">
	<li><strong>2. BkProfile do ai thực hiện? <a style="float: right" href="#">Top</a></strong></li>
</ul>
BkProfile được thực hiện bởi các thành viên:
<ul style="list-style-type: disc;">
	<li>Nguyễn Văn Đông Anh</li>
	<li>Bùi Anh Dũng</li>
	<li>Bùi Trung Hiếu</li>
	<li>Phạm Tuấn Long</li>
</ul>
thuộc lớp Công Nghệ Phần Mềm K51 Đại Học Bách Khoa Hà Nội, <i>cùng nhiều cộng tác viên đến từ các khóa 
và lớp khác nhau của trường Đại học Bách Khoa Hà Nội</i>, dưới sự hướng dẫn của ThS Lê Quốc và 
PGS TS Huỳnh Quyết Thắng.
<ul id="content3">
	<li><strong>3. BkProfile có điểm gì nổi bật so với các hệ thống tìm kiếm tri thức khác? <a style="float: right" href="#">Top</a></strong></li>
</ul>
BKProfile nhắm đến đối tượng là sinh viên Bách Khoa, hiểu được những vấn đề hay gặp của sinh viên Bách Khoa,
nhờ đó BKProfile có thể cung cấp một mạng lưới tri thức tin cậy, đầy đủ và mang đậm chất Bách Khoa.
<br>Các lợi ích của hệ thống gồm có:</p>
<ul style="list-style-type: disc;">
	<li>Giúp sinh viên Bách Khoa tìm kiếm tri thức một cách dễ dàng.</li>
	<li>Giúp sinh viên Bách Khoa xây dựng hình ảnh bản thân một cách chuyên nghiệp.</li>
	<li>Cung cấp một cầu nối giữa sinh viên, cựu sinh viên và giảng viên thông qua việc chia sẻ tri thức.</li>
</ul>
<ul id="content4">
	<li><strong>4. Những ai có thể sử dụng hệ thống BKProfile?</strong><strong><a style="float: right" href="#">Top</a></strong></li>
</ul>
<p>Nếu bạn là sinh viên Bách Khoa, hoặc chỉ đơn giản là bạn quan tâm đến
sinh viên Bách Khoa hoặc những vấn đề của sinh viên Bách Khoa, thì bạn 
chính là nhân tố quan trọng nhất của hệ thống BKProfile 
</p>
<ul id="content5">
	<li><strong>5. Tôi sử dụng BkProfile như thế nào?<a style="float: right" href="#">Top</a></strong></li>
</ul>
<p>Để xem chi tiết cách dùng các chức năng của BkProfile, bạn hãy truy
cập vào <a href="#id/Tutorial/page/Documentation">đây</a>.</p>
<ul id="content5">
	<li><strong>6. Tại sao tôi nên xây dựng Profile của mình thật tốt?<a style="float: right" href="#">Top</a></strong></li>
</ul>
<p>Việc tạo một Profile đầy đủ và chính xác sẽ giúp nhiều người khác có thể
kết nối được tới bạn hơn.</p>
<p>&nbsp;</p>
</div>
	</div>

	<div id="StaticContentPortlet-Tou" class="bkp_block doNotDisplay">
		<div class="bkp_block_content">

		<noscript><IMG SRC="styles/images/noscript.jpg" width = "500"></noscript>
		<h2>Điều khoản sử dụng</h2><p> </p>
		<strong><em>Chào mừng bạn đến với BKProfile!</em></strong>&nbsp;
		<br>Cùng với việc truy cập và sử dụng các dịch vụ của website&nbsp;<a href="http://www.bkprofile.com">BKProfile</a>, bạn cần tuân theo các Điều khoản sử dụng được liệt kê dưới đây. Chúng tôi khuyên bạn nên đọc kỹ Điều khoản sử dụng và&nbsp;<a href="http://www.bkprofile.com/documentation/privacy/" target="_parent">Chính sách riêng tư</a>&nbsp;bởi đây như một thỏa hiệp ràng buộc giữa bạn và&nbsp;<a href="http://www.bkprofile.com">BKProfile</a>. Bên cạnh đó, vì lý do các Điều khoản sử dụng này có thể được BKProfile xem xét lại tùy vào từng thời điểm, chúng tôi khuyên bạn nên thường kỳ tìm đọc lại điều khoản để có thể cập nhật bất kỳ thay đổi nào. Nếu có thay đổi hay chỉnh sửa nào về Điều khoản sử dụng, chúng tôi sẽ đưa lên website.&nbsp;
		<br><em><u>Lưu ý</u></em>: những sự thay đổi này sẽ có hiệu lực ngay từ thời điểm được đưa lên web. Hãy nhớ rằng các Điều khoản sử dụng chỉ áp dụng trên website này và không áp dụng cho nội dung của các bên thứ ba.&nbsp;<br>
		Ngoài ra, khi sử dụng các dịch vụ cụ thể, bạn và&nbsp;<a href="http://www.bkprofile.com">BKProfile</a>&nbsp;sẽ phụ thuộc vào các điều khoản bổ sung và bất kỳ hướng dẫn hay quy tắc nào áp dụng cho các dịch vụ đó. Tất cả các hướng dẫn hay quy tắc đó theo đây đều được coi là một phần cấu thành tham chiếu tới Điều khoản sử dụng. Nếu bất kỳ điều khoản nào trong Điều Khoản Sử Dụng xung đột với những điều khoản trong các hướng dẫn hoặc quy tắc, hoặc điều khoản bổ sung đó, thì những điều khoản trong Thỏa Thuận này sẽ quyết định.<br>
		Nếu có bất kỳ câu hỏi nào về việc sử dụng website, mời bạn vào phần Liên Hệ - Phản Hồi. Tất cả các câu hỏi hoặc bình luận về website hay nội dung website sẽ được giải đáp bởi Bộ phận Trợ giúp thành viên BKProfile.<br>
		<strong>1. TRỞ THÀNH THÀNH VIÊN VÀ ĐĂNG KÝ TRÊN WEBSITE</strong><br>
		<strong>A. Truy cập vào website và trờ thành Thành viên</strong>. Việc đăng ký tài khoản trên BKProfile là hoàn toàn miễn phí. Viêc đăng ký tài khoản sẽ cho phép bạn có thể thực hiện việc hỏi và đáp cũng như xây dựng Profile cá nhân.&nbsp;<br>
		<strong>B. Thông tin của bạn</strong>. Khi bạn đăng ký trên website, chúng tôi sẽ cần một số thông tin cá nhân như tên tuổi, địa chỉ, số điện thoại, email. Hãy xem thêm phần Chính sách Bảo mật để biết thêm về việc chúng tôi sử dụng những thông tin mà bạn cung cấp hoặc đăng nhập khi sử dụng Website. Về phía bạn, bạn cần đảm bảo rằng mọi thông tin mà bạn cung cấp cho chúng tôi hoặc gửi lên website đều là những thông tin đầy đủ, xác thực và luôn được cập nhật. Bạn cần thông báo cho chúng tôi bất kỳ thay đổi nào về thông tin của mình. Nếu gặp lỗi trong quá trình cập nhật thông tin hoặc nếu một phần (hay) toàn bộ thông tin của bạn không đúng (hoặc có vẻ không đúng) sự thật hoặc chưa đầy đủ, chúng tôi có thể treo hoặc chấm dứt số hội viên của bạn và từ chối bất kỳ hay toàn bộ việc sử dụng Website này của bạn ở thời điểm hiện tại cũng như tương lai.<br>
		Ngoài những điều đã đề cập trên, bạn còn phải chịu trách nhiệm bảo đảm rằng địa chỉ email đã đăng ký trên website và sử dụng trong suốt quá trình thành viên là địa chỉ email hợp lệ; và các dịch vụ, phần mềm hay hệ thống sử dụng để truy cập email của bạn sẽ không ngăn chặn hay lọc email thông báo từ BKProfile. Chúng tôi lưu ý rằng bạn nên sử dụng địa chỉ email cá nhân thay vì email công việc khi đăng ký thành viên. Nếu bạn sử dụng email công việc hay email hệ thống để đăng ký thì rất có thể các email đó sẽ chặn thư thông báo của BKProfile và các dịch vụ của chúng tôi khó có thể cung cấp tới bạn.<br>
		Nếu có các yêu cầu từ chính phủ, tòa án hay lệnh của thẩm phán, để bảo vệ hệ thống hay để chắc chắn về tính toàn vẹn và hoạt động của hệ thống, chúng tôi có thể truy cập và trình báo bất kỳ thông tin nào mà chúng tôi cho là cần thiết hoặc phù hợp, bao gồm và không hạn chế Thông tin của bạn, địa chỉ IP, lưu lượng thông tin, history thường dùng và những nội dung mà bạn đã đưa lên website. Quyền trình báo những thông tin này của chúng tôi sẽ điều khiển bất kỳ điều khoản nào trong Chính sách Bảo mật.&nbsp;<br>
		<strong>C. Mật khẩu</strong>. Trong quá trình đăng ký, chúng tôi sẽ yêu cầu bạn tạo một mật khẩu. Bởi vì bất kỳ hoạt động nào trên website cũng chỉ bắt đầu sau khi đăng nhập, nên các thông tin về email và mật khẩu là rất quan trọng, bạn phải lưu trữ nó một cách an toàn. Hãy thông báo cho chúng tôi ngay lập tức nếu bạn cho rằng đang có ai đó sử dụng email và mật khẩu của bạn mà không có sự cho phép.<br>
		<strong>D. Các thông báo</strong>. Chúng tôi sẽ thường kỳ gửi các thông báo cho bạn. Lưu ý có thể có một số hệ thống email dùng công nghệ lọc hoặc ngăn chặn việc bạn nhận thư.&nbsp;<a href="http://www.bkprofile.com">BKProfile</a>&nbsp;sẽ không chịu trách nhiệm về việc bạn có thực sự nhận được thư thông báo hay không trong những trường hợp này.<br>
		<strong>2. CÁC QUYỀN RIÊNG TƯ CỦA BKProfile</strong><br>
		Bạn chỉ có thể truy cập vào các tài nguyên mà <a href="http://www.bkprofile.com">BKProfile</a> cung cấp cho bạn thông qua giao diện của hệ thống trên website <a href="http://www.bkprofile.com">bkprofile.com</a>. Bất kỳ hành động nào cố ý vi phạm điều khoản này sẽ khiến tài khoản của bạn bị cấm vĩnh viễn hoặc bạn có thể sẽ phải chịu trách nhiệm trước pháp luật<br>
		<strong>3. KẾT NỐI VÀO/RA TỪ WEBSITE</strong><br>
		Trên website chúng tôi có thể có nhiều link tới website của các công ty hay đối tác khác, nhưng&nbsp;<a href="http://www.bkprofile.com">BKProfile</a>&nbsp;không là chủ quản của các website đó.&nbsp;<a href="http://www.bkprofile.com">BKProfile</a>&nbsp;sẽ không chịu trách nhiệm hay quyền hạn đối với bất kỳ nội dung, quảng cáo, sản phẩm hay dịch vụ trên các website này.&nbsp;<a href="http://www.bkprofile.com">BKProfile</a>&nbsp;cũng không chịu trách nhiện hay quyền hạn gì dù trực tiếp hay gián tiếp cho bất kỳ rủi ro hay nguyên nhân mất mát nào khi bạn sử dụng hay tin tưởng vào nội dung, quảng cáo, sản phẩm và dịch vụ của các website đó.<br>
		<strong>4. TÍNH RIÊNG TƯ</strong><br>
		<a href="http://www.bkprofile.com">BKProfile</a>&nbsp;đưa ra phương pháp mạnh nhất để bảo vệ tính riêng tư của người dùng trên website và cung cấp tới bạn với bản thông báo về việc tập hợp và sử dụng dữ liệu trong đó có cả dữ liệu thông tin nhận dạng trên website. Bạn có thể vào phần&nbsp;<a href="http://www.bkprofile.com/documentation/privavcy/" target="_parent">Chính sách riêng tư</a>&nbsp;để xem thêm thông tin về việc áp dụng chế độ bảo vệ thông tin cá nhân của chúng tôi đối với bạn.<br>
		<strong>5. TỪ CHỐI HAY ĐỒNG Ý</strong><br>
		Bạn phải hiểu và đống ý rằng:<br>
		Website và các dịch vụ cung cấp thông qua website dựa trên một số nguyên tắc cơ bản.&nbsp;<a href="http://www.bkprofile.com">BKProfile</a>&nbsp;từ chối mọi đánh giá có tính luật pháp và bạn cũng vậy. Toàn bộ câu hỏi và trả lời trên website không được phép có liên quan tới bàn luận, nhận xét, chỉ trích pháp luật, không được có nội dung chỉ trích, phỉ báng các thành viên hay bất kỳ người nào khác. Nội dung hoàn toàn không được phép có liên quan tới việc bàn luận những thông tin chỉ trích, chống đối đảng cộng sản và nhà nước xhcn. Những thông tin này sẽ bị xóa bỏ và quyền sử dụng website của thành viên tương ứng cũng sẽ bị treo, tạm ngưng hoặc xóa bỏ;&nbsp;<a href="http://www.bkprofile.com">BKProfile</a>&nbsp;không chịu trách nhiệm về tính chính xác, độ an toàn, chắc chắn và tính phổ biến của bất kỳ loại sản phẩm, dịch vụ, thông tin hay tài liệu nào bạn có được trên website mà không do chúng tôi cung cấp, trong đó bao gồm các dịch vụ của bên thứ ba, tài liệu và thông tin của thành viên... Bạn phải tự chịu trách nhiệm về những rủi ro mất thông tin, chi phí sửa chữa phần cứng hay phần mềm khi không thực hiện theo đúng những nguyên tắc bảo mật trong việc sử dụng website.<br>
		<strong>6. THÔNG BÁO BẢN QUYỀN VÀ TÊN SẢN PHẨM</strong><br>
		Website và bản quyền nội dung website, tất cả đều đã được đăng ký. BKProfile, www.BKProfile.com và toàn bộ chi nhánh sản phẩm hay dịch vụ khác của BKProfile được đưa ra trong tài liệu này đều là tên thương mại đã được đăng ký bản quyền.

		</div>
	</div>

	<div id="StaticContentPortlet-Piracy" class="bkp_block doNotDisplay">
		<div class="bkp_block_content">
			<noscript><IMG SRC="styles/images/noscript.jpg" width = "500"></noscript>
			<h2>Điều khoản riêng tư</h2><p> </p>
			BKProfile tôn trọng các vấn đề liên quan bảo mật cá nhân. Chúng tôi thu thập một số thông tin người dùng nhất định nên chúng tôi giải thích các điều khoản liên quan đến việc thu thập, xử lý, và sử dụng các thông tin này.
			<p style="font-weight: bold;">BKProfile tự động lấy thông tin của người dùng ở đâu?</p>
			<p>Hiện tại, BKProfile lấy dữ liệu người dùng từ hai nguồn dữ liệu có sẵn là Facebook và phòng Đào tạo Đại học, trường đại học Bách Khoa Hà Nội. Thông qua các điều khoản sử dụng và các mục cho phép trong file robot.txt của Facebook và trang web của phòng Đào tạo Đại học, các thông tin người dùng đăng trên hai trang web có thể được lấy và sử dụng một cách phi thương mại.</p>
			<p style="font-weight: bold;">BKProfile thu thập những thông tin nào của người dùng?</p>
			<p>Mục đích của việc thu thập thông tin người dùng là chúng tôi muốn cung cấp thông tin tốt nhất và phù hợp nhất với nhu cầu gười sử dụng. Một số tính năng và dịch vụ trên website của chúng tôi yêu cầu người sử dụng một số thông tin nhất định</p>
			<p>Các thông tin của người dùng được thu thập có thể bao gồm: tên, ngày sinh, địa chỉ, nơi làm việc, chức vụ, điện thoại liên lạc, email...</p>
			<p style="font-weight: bold;">BKProfile sử dụng thông tin người dùng như thế nào?</p>
			<ul>
				<li>Chúng tôi sử dụng các thông tin để phục vụ cho các chức năng của hệ thống như chức năng tìm thông tin chung giữa hai tài khoản trên hệ thống để từ đó gợi ý cho người dùng các chức năng phụ khác thông qua các điểm chung này.</li>
				<li>Chúng tôi theo dõi mức độ sử dụng của người dùng trên mỗi chức năng và chủ đề của trang web để có định hướng phát triển nội dung tốt hơn và phù hợp hơn với nhu cầu người sử dụng.</li>
  				<li>Chúng tôi gửi tới người dùng các đối tượng thông tin người sử dụng quan tâm.</li>
			</ul>
			<p style="font-weight: bold;">BKProfile chia sẻ thông tin người dùng như thế nào?</p>
			<p>Chúng tôi chia sẻ một số thông tin nhất định về người sử dụng cho các đối tác với sự đồng ý của người sử dụng trong các trường hợp sau:</p>
			<ul>
  				<li>Khi người sử dụng đồng ý trong quá trình đăng ký thành viên và sử dụng các tính năng thành viên trên trang web.</li>
  				<li>Khi người sử dụng đồng ý tham gia vào các mục: khảo sát, bình chọn, điều tra… trên website của chúng tôi.</li>
  				<li>Chúng tôi sử dụng dịch vụ của đối tác thứ 3 để phát triển, nâng cấp hoặc thực hiện các dịch vụ khác trên website của chúng tôi.</li>
			</ul>
			<p>Người sử dụng có thể lựa chọn không tiết lộ hoặc tiết lộ giới hạn các thông tin cá nhân bằng cách không đồng ý trong quá trình đăng ký và sử dụng các chức năng, hoặc có thể hoàn toàn không đăng ký thành viên của BKProfile. Một khi người sử dụng đăng ký thành viên, một số nhất định thông tin sẽ được thu thập và xử lý.</p>
			<p>Bình luận, góp ý về các điều khoản trên, người sử dụng có thể gửi về địa chỉ email:&nbsp;<a href="mailto:webmaster@BKProfile.com">webmaster@BKProfile.com</a></p>
		</div>
	</div>

	<div id="StaticContentPortlet-Architecture" class="bkp_block doNotDisplay">
		<div class="bkp_block_content">
			Đang cập nhật
		</div>
	</div>
	</script>
	</div>
	</div>
		
        <div class='portlet-data'>
            <div id='AnswerPortlet-RootData'>
                <script type="text/html" id="AnswerPortletView">
                    <div id="AnswerPortlet-AnswerPortlet" class="extension-point" extensionName="PostExtension">
                        <div id="question-list">
                            <div id="question-header-wrapper">
                                <div id="question-header-topic-plhld" class="bkp_question_topics" align="left">
                                    <% for(var i = 0; i< topics.length; i++) { %>
                                    <%= $(topics[i]).html() %>
                                    <% } %>
                                </div>
                                <input type="button" id="change_topic" class="round_button" value="Sửa chủ đề" onclick="generateEvent(&apos;ToggleDownEditTopic&apos;,{id:&apos;bkp-topic-edit-plhld&apos;})">
                                <div>
                                    <div class="bkp-topic-edit" style="display:none; margin-top:5px; color: black; vertical-align: top" id="bkp-topic-edit-plhld">
                                        <div style="display:inline-block; vertical-align:top">Chọn chủ đề:</div> 
										<div style="display:inline-block">
											<input type="text" style="display:block; width: 200px; padding:0px" id="bkp-topic-search-new" onkeyup="generateEvent(&apos;TopicChanged&apos;,{id:&apos;bkp-topic-search-new&apos;, e: event, pid: &apos;bkp-topic-list&apos;})">
                                        	<select id="bkp-topic-list" multiple size="5" style="width: 200px;display:inline-block">
                                            	<% for(var i = 0; i< avaiTopics.length; i++) { %>
                                            	<%= $(avaiTopics[i]).html() %>
                                            	<% } %>
                                        	</select>
										</div>
                                        <div style="display:inline-block; vertical-align: top">
											<input type="button" class="round_button" onclick="generateEvent(&apos;TopicAdded&apos;,{id:&apos;bkp-topic-edit-plhld&apos;})" value="Thêm">
											<input type="button" class="round_button" onclick="generateEvent(&apos;ToggleUpEditTopic&apos;,{id:&apos;bkp-topic-edit-plhld&apos;})" value="Hủy">
											<a onclick="generateEvent(&apos;CreateNewTopicContext&apos;,{id:&apos;bkp-topic-edit-plhld&apos;})">Tạo mới chủ đề?</a>
										</div>
                                        <br/>
                                    </div>
                                </div>
                            </div>
                            <div id="question-content-wrapper" class="bkp_question_content">
								<div style="display:inline-block; width: 90%">
									<div class="bkp_question" id="question-content">
                                    	<%=qcontent %>
                                	</div>
                                	<div class="bkp_question_detail" id="question-detail">
                                    	<%=qdetail %>
                                	</div>
                                	<div class="bkp_question_date" id="question-date">
                                    	<%=qdate?"Vào ngày "+qdate+" ":""%><%=quser%><%=qusertarget%>
                                	</div>
								</div>
								<div style="display: inline-block; vertical-align: top; margin-left: 5px;">
									<span class="bkp_q_vote_up" onclick="generateEvent(&apos;VoteUpQuestion&apos;,{id:&apos;<%=qid%>&apos;})"><%=qvoteup%></span>
									<div style="height:4px;"></div>
									<span class="bkp_q_vote_down" onclick="generateEvent(&apos;VoteDownQuestion&apos;,{id:&apos;<%=qid%>&apos;})"><%=qvotedown%></span>
								</div>
                            </div>
                            <div id="question-footer-wrapper">
                            </div>
                        </div>
                        <div id="answer-list">
                            <% for(var i=0; i< children.length; i++) { %>
                            <%= $(children[i]).html() %>
                            <% } %>
                        </div>
                        <div id="answer-more">
                            <center>
                                <input page="0" id="answer-more-btn" onclick="generateEvent(&apos;MoreContent&apos;,{uiid:&apos;answer-more-btn&apos;,pid:&apos;answer-list&apos;, tid:&apos;AnswerPortlet-Item&apos;, name:&apos;questionid&apos;, type:&apos;question&apos;, action: &apos;detail-question&apos;, rows: 10,  fields:{&apos;uimglink&apos;:&apos;user.avatar&apos;,&apos;uid&apos;: &apos;userID&apos;, &apos;uname&apos;: &apos;user.name&apos;,&apos;adate&apos;: &apos;created_time&apos;, &apos;avote&apos;:&apos;vote&apos;, &apos;aid&apos;:&apos;id&apos;, &apos;acontent&apos;:&apos;content&apos;} })" type="button" class="round_button" value="Xem tiếp" style="width: 70%; heigth: 40px; margin-top: 10px">
                            </center>
                        </div>
                        <div id="bkp-answer-new-plhld">
                            <%= $(mce).html() %>
                        </div>
                    </div>
                </script>
                <script type="text/html" id="AnswerPortlet-UserLink">
					<a href="#page/ProfilePage/id/<%=quserid%>"><b><%=qusername%></b></a>
				</script>
                <script type="text/html" id="AnswerPortlet-Item">
                    <div>
                        <div class="answer-item bkp_post extension-point" uid="<%=uid%>" extensionName="ProfileImageCheck">
                            <div class="bkp_post_upic bkp_pic_profile">
                                <a href="#page/ProfilePage/id/<%=uid%>"><img alt="" src="avatar/<%=uimglink%>" width="50px"></a>
                            </div>
                            <div class="bkp_post_wrapper">
                                <div class="bkp_post_header">
                                    <div class="bkp_post_brief">
                                        <div class="bkp_post_uname">
                                            <a href="#page/ProfilePage/id/<%=uid%>"><%=uname%></a>
                                        </div>
                                        <div class="bkp_post_date"> 
                                            <%=adate %>
                                        </div>
                                    </div>
                                    <div class="bkp_post_vote">
                                        <div class="bkp_post_vote_content">
                                            <div>
                                                <b>Vote</b>
                                            </div>
                                            <div id="answer-<%=aid%>-voteNum">
                                                <b><%=avote %></b>
                                            </div>
                                        </div>
                                        <div class="bkp_post_vote_action">
                                            <a id="vote-up-<%=aid%>" onclick="generateEvent(&apos;VoteAnswerIncrease&apos;,{aid:<%=aid%>})" class="vote-up btn plus">+</a>
                                            <a id="vote-down-<%=aid%>" onclick="generateEvent(&apos;VoteAnswerDecrease&apos;,{aid:<%=aid%>})" class="vote-down btn minus">-</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="bkp_post_content" id="answer-content-<%=aid%>">
                                    <%=acontent %>
                                </div>
                                <div class="bkp_post_footer">
                                    <div>
                                        <span class="extension-point" extensionName="AnswerExtension" aid="<%=aid%>" uid="<%=uid%>"></span>
                                    </div>
                                    <div id="extension-content-plhld-<%=aid%>-<%=uid%>">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </script>
                <script type="text/html" id="AnswerPortlet-MCE">
                <div>
                    <div id="bkp-answer-new" class="answer-new bkp_inline_editor" style="width:90%;padding-left:20px;<%=style%>">
                        <div id="answer-header-wrapper" class="answer-header bkp_box_header">
                            <h4>Thêm câu trả lời mới</h4>
                        </div>
                        <div id="answer-content-wrapper" class="answer-content editor-plhld extension-point bkp_box_content" extensionName="BKPTextEditor" onclick="generateEvent(&apos;EditorBind&apos;,{id:&apos;answer-content-wrapper&apos;})">
                            <textarea class="editor-new" style=" width: 100%;<%=style%>" id="answer-createnew-<%=uid%>">
                            </textarea>
                        </div>
                        <br/>
                        <div id="answer-footer-wrapper" class="answer-footer bkp_box_footer">
                            <div class="round_button extension-point" extensionName="TinyMCEContent" onclick="<%=addNew%>">
                                Thêm mới
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </script>
            <script type="text/html" id="AnswerPortlet-MCEConfig">
                {
                mode : "exact",
                theme : "simple",
                plugins : "advlink,inlinepopups",
                skin : "o2k7",
                skin_variant : "silver"
                }
            </script>
            <script type="text/html" id="AnswerPortlet-Topic">
                <span id="topicToken-<%=tid%>" cid="<%=cid%>" class="uiToken">
                    <label class="lblToken" id="tokenContent">
                        <%=content %>
                    </label>
                    <input value="x" type="button" class="btnStl delToken" onclick="generateEvent(&apos;TopicDeleted&apos;,{id:&apos;topicToken-<%=tid%>&apos;})"></span>
            </script>
            <script type="text/html" id="AnswerPortlet-TextArea">
                <div style="display:none; margin-top: 10px;">
                <textarea id="editor_<%=aid%>_<%=uid%>" style="width:100%">
                </textarea>
                </br>
                <div style="display: inline-block; position: relative; width:100%" class="bkp_box_footer">
                    <div class="round_button" onclick="generateEvent(&apos;RejectChanges&apos;,{uid:&apos;<%=uid%>&apos;, aid:&apos;<%=aid%>&apos;})">
                        Hủy
                    </div>
                    <div class="round_button" onclick="generateEvent(&apos;AcceptChanges&apos;,{uid:&apos;<%=uid%>&apos;, aid:&apos;<%=aid%>&apos;})">
                        Cập nhật
                    </div>
                </div>
            </div>
        </script>
        </div>
    </div>
    
    <div class="portlet-data">
    	<div id="UnauthQuestionPortlet-RootData">
    		<script type="text/html" id="UnauthQuestionPortletView">
	    		<table style="width:900px" class="tbl-questions">
					<tr class="th-questions"><th>Id</th><th>Question</th><th>Question Context</th><th>Username</th><th>Tags</th><th>Approve</th><th>Delete</th><th>Edit</th></tr>
					<% for(i=0;i<ret.length;i++){ %>
					<tr class="tr-questions">
						<td> <%=ret[i].id%> </td>
						<td> <%=ret[i].title%></td>
						<td> <%=ret[i].content%> </td>
						<td> <a href="#page/ProfilePage/id/<%=ret[i].user_id%>"><%=ret[i].user_name%></a> </td>
						<td> 
						<%
							for( var j=0;j<ret[i].tags.length;j++ )	{
						%>
							<span class="uiToken">
						<%						
							for ( var k=0;k<expertises.length;k++ )	{
								if(expertises[k].id == ret[i].tags[j].catchWordID)	{
						%>
							<%=expertises[k].label%>
						<%
								}
							}	
						%>
							</span>
						<%
						}
						%>
						</td>
						<td> <a onclick="generateEvent(&apos;ApproveQuestion&apos;,{&apos;id&apos;:<%=ret[i].id%>});">Prove</a></td>
						<td> <a onclick="generateEvent(&apos;DeleteUnAuthQuestion&apos;,{&apos;id&apos;:<%=ret[i].id%>});">Delete</a></td>
						<td> <a onclick="generateEvent(&apos;EditUnAuthQuestion&apos;,{&apos;id&apos;:<%=ret[i].id%>});">Edit</a></td>
					</tr>
					<%	} %>
				</table>
				<div class="question-controls" style="width:900px; text-align:right; background-color:#999; font-weight:bolder">< 1 ></div>
			</script>

			<script type="text/html" id="UnauthQuestionPortlet-MsgBox">
				<div class="msg"><%=msg%></div>
				<div class="ctrl"><button onclick="<%=func%> ; $.facebox.close();" >Đồng ý</button><button onclick=" $.facebox.close(); " >Hủy</button></div>
			</script>
			
			<script type="text/html" id="UnauthQuestionPortlet-QuestionEditor">
				<div id="UnauthQuestionPortlet-QuestionEditor" class="edit-question" style="width:400px">
					<div class="edit-question">
						<div class="edit-question left" style="vertical-align:top;">
							<span class="edit-question">Câu hỏi:</span>
						</div>
						<div class="edit-question right">
							<textarea id="UnauthQuestionPortlet-Question" class="edit-question"><%=question%></textarea>
						</div>
					</div>
					<div class="edit-question">
						<div class="edit-question left" style="vertical-align:top;">
							<span class="edit-question">Ngữ cảnh:</span>
						</div>
						<div class="edit-question right">
							<textarea id="UnauthQuestionPortlet-Context" class="edit-question"><%=questionContext%></textarea>
						</div>
					</div>
					<div class="edit-question">
						<div class="edit-question left" style="vertical-align:top;">
							<span class="edit-question">Tag:</span>
						</div>
						<div class="edit-question right">
							<input id="UnauthQuestionPortlet-Expertises" class="edit-question" />
						</div>
						<div class="edit-question">
							<div id="UnauthQuestionPortlet-ExpertisesContainer" class="edit-question" />
							</div>
						</div>		
					<div class="edit-question">
						<input type="button" value="OK" onclick="generateEvent(&apos;ConfirmEditUnAuthQuestion&apos;,{&apos;id&apos;:<%=id%>})" class="button_round" />
					</div>
					<div id="QuestionNotify"></div>
				</div>
			</script>
	   </div>
    </div>
    
    <div class="portlet-data">
    	<div id="AuthQuestionPortlet-RootData">
    		<script type="text/html" id="AuthQuestionPortletView">
	    		<table style="width:900px" class="tbl-questions">
					<tr class="th-questions"><th>Id</th><th>Question</th><th>Question Context</th><th>Username</th><th>Tags</th><th>Delete</th><th>Edit</th></tr>
					<% for(i=0;i<ret.length;i++){ %>
					<tr class="tr-questions">
						<td> <%=ret[i].id%> </td>
						<td> <%=ret[i].title%></td>
						<td> <%=ret[i].content%> </td>
						<td> <a href="#page/ProfilePage/id/<%=ret[i].user_id%>"><%=ret[i].user_name%></a> </td>
						<td> 
						<%
							for( var j=0;j<ret[i].tags.length;j++ )	{
						%>
							<span class="uiToken">
						<%						
							for ( var k=0;k<expertises.length;k++ )	{
								if(expertises[k].id == ret[i].tags[j].catchWordID)	{
						%>
							<%=expertises[k].label%>
						<%
								}
							}	
						%>
							</span>
						<%
						}
						%>
						</td>
						<td> <a onclick="generateEvent(&apos;DeleteAuthQuestion&apos;,{&apos;id&apos;:<%=ret[i].id%>});">Delete</a></td>
						<td> <a onclick="generateEvent(&apos;EditAuthQuestion&apos;,{&apos;id&apos;:<%=ret[i].id%>});">Edit</a></td>
					</tr>
					<%	} %>
				</table>
				<div class="question-controls" style="width:900px; text-align:right; background-color:#999; font-weight:bolder">< 1 ></div>
			</script>

			<script type="text/html" id="AuthQuestionPortlet-MsgBox">
				<div class="msg"><%=msg%></div>
				<div class="ctrl"><button onclick="<%=func%> ; $.facebox.close();" >Đồng ý</button><button onclick=" $.facebox.close(); " >Hủy</button></div>
			</script>
			
			<script type="text/html" id="AuthQuestionPortlet-QuestionEditor">
				<div id="AuthQuestionPortlet-QuestionEditor" class="edit-question" style="width:400px">
					<div class="edit-question">
						<div class="edit-question left" style="vertical-align:top;">
							<span class="edit-question">Câu hỏi:</span>
						</div>
						<div class="edit-question right">
							<textarea id="AuthQuestionPortlet-Question" class="edit-question"><%=question%></textarea>
						</div>
					</div>
					<div class="edit-question">
						<div class="edit-question left" style="vertical-align:top;">
							<span class="edit-question">Ngữ cảnh:</span>
						</div>
						<div class="edit-question right">
							<textarea id="AuthQuestionPortlet-Context" class="edit-question"><%=questionContext%></textarea>
						</div>
					</div>
					<div class="edit-question">
						<div class="edit-question left" style="vertical-align:top;">
							<span class="edit-question">Tag:</span>
						</div>
						<div class="edit-question right">
							<input id="AuthQuestionPortlet-Expertises" class="edit-question" />
						</div>
						<div class="edit-question">
							<div id="AuthQuestionPortlet-ExpertisesContainer" class="edit-question" />
							</div>
						</div>		
					<div class="edit-question">
					<!--
						<input type="button" value="OK" onclick="generateEvent(&apos;ConfirmEditUnAuthQuestion&apos;,{&apos;id&apos;:<%=id%>})" class="button_round" />
					-->
					</div>
					<div id="QuestionNotify"></div>
				</div>
			</script>
	   </div>
    </div>    
    
    <div class="portlet-data">
    	<div id="CommonPortlet-RootData">
    		<script type="text/html" id="CommonPortlet-TopicNew">
	    		<div>
					<div style="display: inline-block; vertical-align: top;width:100%">
						<fieldset class="bkp_fieldset">
							<legend>Các chủ đề vừa thêm</legend>
							<div id="commonCreatedTopics" class="bkp_question_topics" align="left"style="width: 100%"></div>
						</fieldset>
					</div><br/>
				    <div style="display: inline-block; vertical-align: top; width:100%">
						<fieldset class="bkp_fieldset">
							<legend>Chủ đề</legend>
							<table cellspacing="5px" style="width:100%">
								<tr>
									<td width="150px" style="text-align: right">Tên chủ đề:<span style="color: red; font-weight: bold">*</span></td>
									<td width="200px"><input id="fb-topic-name" type="text" class="fb-content-plhld"></td>
								</tr>
								<tr>
									<td style="vertical-align: top; text-align: right">Chi tiết:<span style="color: red; font-weight: bold">*</span></td>
									<td><textarea id="fb-topic-description" rows="5" cols="30" class="fb-content-plhld"></textarea></td>
								</tr>
							</table>
						</fieldset>
						
						<fieldset class="bkp_fieldset">
							<legend>Ngữ cảnh</legend>
							<table cellspacing="5px" style="width:100%">
								<tr>
									<td colspan="3" style="color:#a5a5a5; border-bottom: 1px solid #ccc; font-size:11px;">Từ ngữ Việt Nam ở các trường hợp khác nhau mang ý nghĩa khác nhau. Ngữ cảnh sẽ giúp phân biệt ngữ nghĩa của các chủ đề.</td>
								</tr>

								<tr>
									<td width="20px"><input checked type="radio" name="topic-type" id="topic-type-1" value="1"/></td>
									<td colspan="2">Chọn ngữ cảnh</td>
								</tr>
								<tr>
									<td>&nbsp;</td>
									<td width="130px" style="vertical-align: top; text-align: right">Ngữ cảnh:</td>
									<td width="200px"><select onchange="generateEvent(&apos;ContextChanged&apos;,{id:&apos;fb-context-avai&apos;,target:&apos;contextDescription&apos;})" id="fb-context-avai" class="fb-content-plhld"></select></td>
								</tr>
								<tr>
									<td></td>
									<td></td>
									<td><textarea id="contextDescription" rows="4" cols="30" readonly="readonly" class="fb-content-plhld"></textarea></td>
								</tr>
								<tr>
									<td><input type="radio" name="topic-type" id="topic-type-0" value="0"/></td>
									<td colspan="2">Thêm mới ngữ cảnh</td>
								</tr>
								<tr>
									<td></td>
									<td style="vertical-align: top; text-align: right">Tên ngữ cảnh:<span style="color: red; font-weight: bold">*</span></td>
									<td><input type="text" class="fb-content-plhld" id="fb-context-name"></td>
								</tr>
								<tr>
									<td></td>
									<td style="vertical-align: top; text-align: right">Chi tiết:<span style="color: red; font-weight: bold">*</span></td>
									<td><textarea id="fb-context-description" rows="5" cols="30" class="fb-content-plhld"></textarea></td>
								</tr>
								<tr>
									<td></td>
									<td></td>
									<td>
										<div style="width:300px">
											<div align="right">
												<input type="button" class="round_button" onclick="generateEvent(&apos;ContextAdded&apos;,{content:&apos;fb-context-name&apos;,description:&apos;fb-context-description&apos;})" value="Thêm ngữ cảnh">
											</div>
											<span style="color:#a5a5a5; font-size:11px;">Thêm ngữ cảnh để tiện cho thêm các chủ đề cùng ngữ cảnh</span>
										</div>
									</td>
								</tr>
							</table>
						</fieldset>
						<div align="right" style="margin-top: 10px">
							<input type="button" class="round_button" value="Thêm" onclick="generateEvent(&apos;NewTopicAdded&apos;,{name:&apos;fb-topic-name&apos;, des:&apos;fb-topic-description&apos;, avai: &apos;fb-context-avai&apos;, context: &apos;fb-context-name&apos;, contextDes: &apos;fb-context-description&apos;, radi: &apos;topic-type&apos;})">&nbsp;
							<input type="button" class="round_button" value="Hoàn tất" onclick="generateEvent(&apos;NewTopicConfirmed&apos;)">
						</div>
					</div>
					
			    </div>
			</script>

			<script type="text/html" id="CommonPortlet-Topic">
                <span class="uiToken">
                    <label class="lblToken" id="tokenContent">
                        <%=content %>
                    </label>
            </script>
	    </div>
    </div>
    
    <div class='portlet-data'>
        <div id='AskQuestionPortlet-RootData'>
            <script type="text/html" id="AskQuestionPortletView">
                <div class="askQuestion">
                    <div class="askQuestionWrapper">
                        <input onfocus="generateEvent(&apos;AskTextBoxFocus&apos;)" id="AskQuestionPortlet-TextBox" type="text" class="bkp-TextBox questionTextBox">
                        <div onclick="generateEvent(&apos;AskQuestionPortletAddTopic&apos;)" id="AskQuestionPortlet-AddTopicButton" class="round_button">
                            Thêm chủ đề
                        </div>
                        <div id="AskQuestionPortlet-AddTopic" class="doNotDisplay">
                            <input id="AskQuestionPortlet-AddTopicInputBox" class="bkp-TextBox questionTextBox" />
                            <div class="bkp_question_topic" id="AskQuestionPortlet-AddTopicContainer">
                            </div>
                        </div>
                        <div id="AskQuestionPortlet-Extended" class="askQuestionExtended doNotDisplay">
                            <div>
                                <div class="optionalQuestion">
                                    <span class="strong"><%=optionalMsg %></span>: <span class="black_fade"><%=optionalDetailMsg %></span>
                                </div>
                                <textarea rows="3" id="AskQuestionPortlet-TextAreaExtended" type="text" class="expandable48-300 bkp-TextArea questionTextBox">
                                </textarea>
                            </div>
                        </div>
                    </div>
                    <button onclick="generateEvent(&apos;AskProfileButtonClick&apos;)" class="round_button questionSubmit bkp-Button">
                        <%=askMsg %>
                    </button>
                    <div>
                        <div class="infoMsg" id="AskQuestionPortlet-QuestionInfo">
                        </div>
                        <div class="errorMsg" id="AskQuestionPortlet-QuestionError">
                        </div>
                    </div>
                    <div>
                    </script>
                    <div id="AskQuestionPortletMessage">
                        <div id="AskQuestionPortlet-MessageAskMessage">
                            Hỏi %1
                        </div>
                        <div id="AskQuestionPortlet-TextAskMessageMissingTarget">
                            Hỏi người này
                        </div>
                        <div id="AskQuestionPortlet-TextOptionalMessage">
                            Thông tin bổ sung
                        </div>
                        <div id="AskQuestionPortlet-TextOptionalDetailMessage">
                            Bổ sung chi tiết cho câu hỏi
                        </div>
                        <div id="AskQuestionPortlet-TextAskSuccess">
                            Câu hỏi của bạn đã được gửi thành công. Tuy nhiên bạn cần đợi chúng tôi xét duyệt trước khi câu hỏi hiện ra. Việc này thường mất khoảng một ngày. Cảm ơn bạn
                        </div>
                        <div id="AskQuestionPortlet-TextAskError">
                            Hiện thời chúng tôi không thể gửi câu hỏi của bạn, hãy vui lòng thử lại sau
                        </div>
                    </div>
                </div>
                </div>
                
				<!-- searcher  -->
                <div class='portlet-data'>
                    <div id='SearcherPortlet-RootData'>
                        <script type="text/html" id="SearcherPortletView">
                            <div id="tabs">
                                <ul>
                                    <li>
                                        <a href="#fragment-1"><span class="ui-tab-font tab-knowledge">Tri thức</span></a>
                                    </li>
                                    <li>
                                        <a href="#fragment-2"><span class="ui-tab-font tab-person">Người</span></a>
                                    </li>
                                </ul>
                                <div id="fragment-1" style="padding: 0px; background:#ccc" class="ui-corner-top">
                                    <table>
                                        <tr>
                                            <td>
                                                <form id="messageForm" action="#" onsubmit="return false;">
                                                    <fieldset>
                                                        <div id="friends" class="ui-helper-clearfix">
                                                            <input id="to" type="text">
                                                        </div>
                                                    </fieldset>
                                                </form>
                                            </td>
                                            <td>
                                                <input type="button" class="round_button" value="Tìm kiếm" onclick="onClickQuestion();"/>
												<a class="advSearch" onclick="generateEvent('MakeNewQuestion', {})">Đặt câu hỏi</a>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                                <div id="fragment-2" style="padding: 0px; background:#ccc" class="ui-corner-top">
                                    <table>
                                        <tr>
                                            <td>
                                                <form id="messageFormPerson" onsubmit="return false;">
                                                    <fieldset>
                                                        <div id="friendsPerson" class="ui-helper-clearfix">
                                                            <input id="toPerson" type="text">
                                                        </div>
                                                    </fieldset>
                                                </form>
                                            </td>
                                            <td>
                                                <input type="button" class="round_button" value="Tìm kiếm" onclick="onClickPerson();"/>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </script>
                    </div>
                </div>
                <!-- <script type="text/javascript" src="../static/js/autocompleteQuestion.js" build="no">
                </script>
                <script type="text/javascript" src="../static/js/autocompletePerson.js" build="no">
                </script> -->
                <script type="text/javascript" src="../static/js/thirdparty/tinyeditor/packed.js"></script>
        		<!--<script type="text/javascript" src="../static/js/thirdparty/tinyeditor/packed.js" build="no">
        		</script>-->
        		</body>
            </html>
